:root{--primary:#7b2fbe;--primary-light:#a78bfa;--bg-dark:#080814;--bg-card:#0f0f1e99;--text-main:#f0f0ff;--text-muted:#9ca3af;--border-light:#7b2fbe33}*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,system-ui,-apple-system,sans-serif}body{background-color:var(--bg-dark);color:var(--text-main);-webkit-font-smoothing:antialiased;overflow-x:hidden}.bg-gradient-glow{z-index:-2;pointer-events:none;background:radial-gradient(circle,#7b2fbe26 0%,#08081400 70%);border-radius:50%;width:50vw;height:50vw;position:fixed;top:-20%;left:-10%}.bg-gradient-glow-2{z-index:-2;pointer-events:none;background:radial-gradient(circle,#a78bfa1a 0%,#08081400 70%);border-radius:50%;width:60vw;height:60vw;position:fixed;bottom:-20%;right:-10%}.stars-container{z-index:-3;background:#080814;width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden}.stars{opacity:.3;background-image:radial-gradient(2px 2px at 20px 30px,#eee,#0000),radial-gradient(2px 2px at 40px 70px,#fff,#0000),radial-gradient(2px 2px at 50px 160px,#ddd,#0000),radial-gradient(2px 2px at 90px 40px,#fff,#0000),radial-gradient(2px 2px at 130px 80px,#fff,#0000),radial-gradient(2px 2px at 160px 120px,#ddd,#0000);background-repeat:repeat;background-size:200px 200px;width:100%;height:100%;animation:4s infinite alternate twinkle;position:absolute;top:0;left:0}.stars2{opacity:.2;background-image:radial-gradient(1.5px 1.5px at 10px 50px,#fff,#0000),radial-gradient(1.5px 1.5px at 60px 10px,#eee,#0000),radial-gradient(1.5px 1.5px at 120px 140px,#ddd,#0000),radial-gradient(1.5px 1.5px at 180px 90px,#fff,#0000);background-repeat:repeat;background-size:250px 250px;width:100%;height:100%;animation:5s infinite alternate-reverse twinkle;position:absolute;top:0;left:0}@keyframes twinkle{0%{opacity:.1}to{opacity:.5}}.glass{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-light)}.glass-hover:hover{background:#7b2fbe26;border-color:#a78bfa80;transition:all .3s;transform:translateY(-2px)}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-20px)}to{transform:translateY(0)}}.animate-float{animation:6s ease-in-out infinite float}.animate-float-delayed{animation:7s ease-in-out 1s infinite float}.container{max-width:1200px;margin:0 auto;padding:0 24px}.section{padding:100px 0}.text-gradient{background:linear-gradient(135deg,#fff 0%,#a78bfa 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.hide-scrollbar::-webkit-scrollbar{display:none}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}