:root{--bg:#05020a;--pink:#ff00d4;--blue:#00e5ff;--ink:#fff}*{box-sizing:border-box}html,body{margin:0;min-height:100%;overflow-x:hidden}body{font-family:Inter,system-ui,sans-serif;background:radial-gradient(circle,#19102f,#05020a);color:var(--ink)}main{min-height:100vh;display:grid;place-items:center;text-align:center;padding:24px;position:relative}.ring{position:absolute;width:min(560px,80vw);aspect-ratio:1;border-radius:50%;border:8px solid var(--blue);box-shadow:0 0 35px var(--blue),inset 0 0 35px var(--pink);animation:ring 4s linear infinite}section{position:relative;z-index:1}p:first-child{color:var(--blue);font-weight:950;text-transform:uppercase;text-shadow:0 0 10px var(--blue)}h1{font-size:clamp(7rem,24vw,18rem);line-height:.75;margin:0;text-shadow:0 0 20px var(--pink),0 0 70px var(--pink)}h2{font-size:clamp(2rem,5vw,4rem);margin:20px 0 0}.btn{display:inline-flex;margin-top:22px;padding:15px 24px;border:2px solid var(--pink);color:#fff;text-decoration:none;font-weight:950;box-shadow:0 0 20px var(--pink)}.btn:hover{background:var(--pink);color:#111;box-shadow:0 0 40px var(--pink)}section p:last-of-type{max-width:560px;line-height:1.8;color:#d8c9ff}@keyframes ring{to{transform:rotate(360deg);filter:hue-rotate(360deg)}}@media(max-width:620px){main{text-align:left;place-items:center start}.ring{opacity:.45}}