:root{--grid-gap:5em;--grid-line:1px;--grid-color:rgba(255,255,255,.2);--background:#000000;--text:#ffffff;--accent:#7c3aed}*{box-sizing:border-box}html,body{width:100%;min-height:100%;margin:0}body{font-family:'Inter',system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--text);background:radial-gradient(1200px 800px at 20% 10%,rgba(124,58,237,.35),transparent 60%),radial-gradient(900px 600px at 80% 90%,rgba(59,130,246,.28),transparent 55%),var(--background);overflow:hidden}.container{width:100%;min-height:100svh;position:relative;display:grid;place-items:center;background:var(--background);background-image:linear-gradient(-90deg,transparent calc(var(--grid-gap) - var(--grid-line)),var(--grid-color) calc(var(--grid-gap) - var(--grid-line) + 1px),var(--grid-color) var(--grid-gap)),linear-gradient(0deg,transparent calc(var(--grid-gap) - var(--grid-line)),var(--grid-color) calc(var(--grid-gap) - var(--grid-line) + 1px),var(--grid-color) var(--grid-gap));background-size:var(--grid-gap) var(--grid-gap);isolation:isolate}@supports not (height:100svh){.container{min-height:100vh}}.parallax{position:absolute;inset:-25vh -25vw;z-index:0;pointer-events:none;overflow:hidden}.layer{position:absolute;width:120vmax;height:120vmax;filter:blur(50px) saturate(120%);opacity:.35;transform:translateZ(0)}.layer-a{top:-10%;left:-5%;background:radial-gradient(45% 35% at 30% 40%,rgba(124,58,237,.35),transparent 60%),radial-gradient(40% 30% at 70% 60%,rgba(59,130,246,.28),transparent 60%);animation:drift-a 28s ease-in-out infinite alternate}.layer-b{bottom:-15%;right:-10%;background:radial-gradient(40% 30% at 65% 35%,rgba(16,185,129,.25),transparent 60%),radial-gradient(35% 25% at 35% 70%,rgba(244,63,94,.22),transparent 60%);animation:drift-b 36s ease-in-out infinite alternate}@keyframes drift-a{0%{transform:translate(-2%,-1%) scale(1.02)}100%{transform:translate(3%,2%) scale(1.06)}}@keyframes drift-b{0%{transform:translate(2%,1%) scale(1.03) rotate(0.001turn)}100%{transform:translate(-3%,-2%) scale(1.08) rotate(-0.002turn)}}.content{text-align:center;padding:4rem 2rem;z-index:1;background:rgba(0,0,0,0)}@supports ((-webkit-backdrop-filter:blur(2px)) or (backdrop-filter:blur(2px))){.content{background:rgba(0,0,0,0);-webkit-backdrop-filter:blur(2px) saturate(140%);backdrop-filter:blur(2px) saturate(140%)}}.title{font-weight:900;font-size:clamp(64px,13vw,240px);line-height:.9;letter-spacing:-.03em;margin:0 0 .25em 0;background:linear-gradient(180deg,#fff 0%,#d1c4ff 60%,#9f7aea 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 6px 30px rgba(124,58,237,.35);transform:translateY(10px) scale(.98);opacity:0;animation:fade-in-up .9s cubic-bezier(.2,.8,.2,1) .1s forwards,text-shimmer 6s ease-in-out infinite}.subtitle{font-weight:500;font-size:clamp(16px,2.2vw,28px);color:rgba(255,255,255,.85);margin:0;transform:translateY(10px);opacity:0;animation:fade-in-up .9s cubic-bezier(.2,.8,.2,1) .3s forwards}.typewriter{display:inline-block;white-space:nowrap;overflow:hidden;border-right:2px solid rgba(255,255,255,.8);filter:drop-shadow(0 2px 10px rgba(124,58,237,.35));animation:typing 5.5s steps(60,end) .65s both,caret .7s steps(1,end) 6s 7 alternate;max-width:0}@keyframes typing{0%{max-width:0}100%{max-width:100%}}@keyframes caret{0%,100%{border-right-color:transparent}50%{border-right-color:rgba(255,255,255,.9)}}.content:hover .title{letter-spacing:-.035em;text-shadow:0 10px 40px rgba(124,58,237,.55);filter:saturate(120%)}@keyframes fade-in-up{to{opacity:1;transform:translateY(0) scale(1)}}@keyframes text-shimmer{0%,100%{filter:brightness(1) drop-shadow(0 0 0 rgba(124,58,237,0))}50%{filter:brightness(1.08) drop-shadow(0 12px 50px rgba(124,58,237,.45))}}@media(max-width:420px){.content{padding:3rem 1rem}.title{font-size:clamp(56px,16vw,160px)}.subtitle{font-size:clamp(14px,4.2vw,20px)}.layer{filter:blur(42px) saturate(115%);opacity:.32}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.typewriter{max-width:100%;border-right:0}}