@import "https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Outfit:wght@400;600;800&display=swap";:root{--gold:gold;--gold-dim:#e6c200;--gold-glow:#ffd70099;--sky-top:#0a0a1a;--sky-mid:#1a1a3e;--sky-horizon:#2d1f4e;--sky-glow:#ff9f43;--white:#fff;--text-dim:#ffffffd9}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}#root,.ascend-page{width:100%;height:100%;position:relative;overflow:hidden}.bg-image{object-fit:cover;object-position:center 30%;z-index:0;width:100%;height:100%;position:absolute;inset:0}.bg-overlay{z-index:1;background:linear-gradient(#00000059 0%,#0000 18% 72%,#000000a6 100%);position:absolute;inset:0}.glow-pulse{z-index:1;pointer-events:none;background:radial-gradient(circle,#ffd7001f 0%,#0000 70%);border-radius:50%;width:300px;height:300px;animation:4s ease-in-out infinite glow;position:absolute;top:25%;left:50%;transform:translate(-50%)}@keyframes glow{0%,to{opacity:.6;transform:translate(-50%)scale(1)}50%{opacity:1;transform:translate(-50%)scale(1.3)}}.particles{z-index:2;pointer-events:none;position:absolute;inset:0}.particle{background:gold;border-radius:50%;animation:linear infinite rise;position:absolute;bottom:-10px;box-shadow:0 0 6px #ffd70099}@keyframes rise{0%{opacity:0;transform:translateY(0)translate(0)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(-100vh)translate(20px)}}.logo{z-index:5;margin:0;position:absolute;top:20px;left:50%;transform:translate(-50%)}.logo-text{letter-spacing:.35em;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 30px #ffd70080)drop-shadow(0 0 60px #ffd70033);background:linear-gradient(#fff 0%,gold 40%,#fa0 100%);-webkit-background-clip:text;background-clip:text;font-family:Bebas Neue,sans-serif;font-size:clamp(3rem,10vw,6rem);animation:3s ease-in-out infinite title-glow;position:relative}@keyframes title-glow{0%,to{filter:drop-shadow(0 0 30px #ffd70080)drop-shadow(0 0 60px #ffd70033)}50%{filter:drop-shadow(0 0 40px #ffd700b3)drop-shadow(0 0 80px #ffd70059)}}.verse-container{z-index:5;pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000080;border:1px solid #ffd70033;border-radius:8px;padding:10px 24px;animation:5s ease-in-out forwards verse-pop;position:absolute;bottom:95px;left:50%;transform:translate(-50%)}.verse{color:#fff;text-shadow:0 0 12px #ffd70066;white-space:nowrap;letter-spacing:.04em;margin:0;font-family:Outfit,sans-serif;font-size:clamp(.95rem,1.6vw,1.15rem);font-style:italic;font-weight:600}@keyframes verse-pop{0%{opacity:0;transform:translate(-50%)translateY(10px)}12%{opacity:1;transform:translate(-50%)translateY(0)}80%{opacity:1;transform:translate(-50%)translateY(0)}to{opacity:0;transform:translate(-50%)translateY(-8px)}}.bottom{z-index:5;position:absolute;bottom:28px;left:50%;transform:translate(-50%)}.actions{gap:14px;display:flex}.btn{cursor:pointer;border:none;border-radius:8px;padding:14px 28px;text-decoration:none;transition:transform .2s;position:relative;overflow:hidden}.btn:hover{transform:translateY(-2px)}.btn:before{content:"";-webkit-mask-composite:xor;pointer-events:none;border-radius:8px;padding:1.5px;position:absolute;inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0)}.btn-inner{letter-spacing:.12em;text-transform:uppercase;z-index:1;font-family:Outfit,sans-serif;font-size:14px;font-weight:700;position:relative}.btn-twitter{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff14;box-shadow:0 0 20px #ffffff14,inset 0 0 20px #ffffff08}.btn-twitter:before{background:linear-gradient(135deg,#fff6,#ffffff0d)}.btn-twitter .btn-inner{color:#fff}.btn-twitter:hover{box-shadow:0 0 30px #ffffff26,inset 0 0 20px #ffffff0d}.btn-ca{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffd7001f;box-shadow:0 0 20px #ffd7001f,inset 0 0 20px #ffd7000a}.btn-ca:before{background:linear-gradient(135deg,#ffd70099,#ffd7001a)}.btn-ca .btn-inner{color:gold}.btn-ca:hover{box-shadow:0 0 30px #ffd70040,inset 0 0 20px #ffd70014}@media (width<=480px){.actions{flex-direction:column;gap:10px}.btn{text-align:center;min-width:180px}}
