@import url("https://fonts.googleapis.com/css2?family=Orbitron:wght@400;600;700;900&family=Syne:wght@300;400;500;600;700&display=swap");:root{--void:#02020a;--deep:#060612;--surface:#0a0a1a;--surface2:#0f0f20;--nebula-purple:#7b2fff;--nebula-pink:#ff2d9a;--nebula-blue:#00c8ff;--nebula-gold:#ffb830;--star-white:#e8eeff;--dim:rgba(232,238,255,.5);--dim2:rgba(232,238,255,.25);--border:rgba(232,238,255,.07);--border-purple:rgba(123,47,255,.35);--glow-purple:0 0 40px rgba(123,47,255,.5);--glow-pink:0 0 40px rgba(255,45,154,.5);--glow-blue:0 0 40px rgba(0,200,255,.4);--font-display:"Orbitron",monospace;--font-body:"Syne",sans-serif}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--void);color:var(--star-white);font-family:var(--font-body);overflow-x:hidden;min-height:100vh}a{text-decoration:none;color:inherit}button{font-family:var(--font-body)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--deep)}::-webkit-scrollbar-thumb{background:rgba(123,47,255,.4);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:rgba(123,47,255,.7)}.gradient-text{background:linear-gradient(135deg,var(--nebula-blue),var(--nebula-purple),var(--nebula-pink));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.btn-primary{padding:14px 36px;border-radius:50px;border:none;background:linear-gradient(135deg,var(--nebula-purple),var(--nebula-pink));color:#fff;font-family:var(--font-display);font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;cursor:pointer;position:relative;overflow:hidden;transition:transform .3s,box-shadow .3s;box-shadow:0 0 30px rgba(123,47,255,.35);display:inline-flex;align-items:center;gap:8px;white-space:nowrap}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 50px rgba(123,47,255,.55),0 0 80px rgba(255,45,154,.2)}.btn-ghost{padding:14px 32px;border-radius:50px;border:1px solid var(--border);background:transparent;color:var(--dim);font-family:var(--font-body);font-size:14px;font-weight:500;cursor:pointer;transition:all .3s;display:inline-flex;align-items:center;gap:8px}.btn-ghost:hover{border-color:rgba(232,238,255,.3);color:var(--star-white)}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes drift{0%,to{transform:translateY(0)}50%{transform:translateY(-16px)}}@keyframes marquee{0%{transform:translateX(0)}to{transform:translateX(-50%)}}@keyframes spin{to{transform:rotate(1turn)}}