:root{--glow: 255, 255, 255;--accent: 120, 140, 255}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:#000;color:#fff;font-family:Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}.stage{min-height:100%;display:grid;place-items:center;padding:24px;position:relative;perspective:1200px}.aurora{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(40% 35% at 25% 30%,rgba(var(--accent),.16),transparent 70%),radial-gradient(35% 30% at 75% 70%,rgba(180,100,255,.12),transparent 70%);filter:blur(40px);animation:drift 18s ease-in-out infinite alternate}@keyframes drift{to{transform:translate3d(3%,-2%,0) scale(1.08)}}.card{--rx: 0deg;--ry: 0deg;--mx: 50%;--my: 50%;position:relative;width:min(760px,100%);padding:clamp(36px,6vw,72px) clamp(24px,5vw,64px);text-align:center;border-radius:28px;background:radial-gradient(500px circle at var(--mx) var(--my),rgba(255,255,255,.07),transparent 60%),#ffffff09;border:1px solid rgba(255,255,255,.12);box-shadow:0 30px 80px #000c,inset 0 1px #ffffff1f;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transform:rotateX(var(--rx)) rotateY(var(--ry));transition:transform .25s ease-out;animation:rise 1s cubic-bezier(.2,.7,.2,1) both}@keyframes rise{0%{opacity:0;transform:translateY(24px) scale(.97)}}.name{font-size:clamp(2rem,6vw,3.6rem);font-weight:700;line-height:1.12;letter-spacing:-.01em;color:#fff;text-shadow:0 0 8px rgba(var(--glow),.7),0 0 24px rgba(var(--glow),.45),0 0 56px rgba(var(--accent),.5);animation:pulse 5s ease-in-out infinite}@keyframes pulse{50%{text-shadow:0 0 6px rgba(var(--glow),.6),0 0 18px rgba(var(--glow),.35),0 0 44px rgba(var(--accent),.4)}}.role{margin-top:18px;font-size:clamp(.85rem,2.2vw,1.1rem);font-weight:300;letter-spacing:.28em;text-transform:uppercase;color:#ffffffb3}.divider{display:block;width:72px;height:1px;margin:32px auto 8px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent)}.slogan{font-family:Marck Script,cursive;font-size:clamp(1.5rem,4.6vw,2.5rem);line-height:1.3;color:#ffffffeb;transform:rotate(-4deg);margin-top:24px;text-shadow:0 0 18px rgba(var(--accent),.45)}@media (prefers-reduced-motion: reduce){.aurora,.name,.card{animation:none;transition:none}}
