:root{--primary:#6366f1;--primary-hover:#4f46e5;--secondary:#ec4899;--bg-dark:#0a0a0c;--bg-card:#17171ab3;--text-main:#f8fafc;--text-muted:#94a3b8;--border:#ffffff1a;--glass-bg:#ffffff08;--glass-border:#ffffff14;--glass-shadow:0 8px 32px 0 #0000005e;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--transition:all .3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-main);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;line-height:1.6;overflow-x:hidden}#root{flex-direction:column;min-height:100vh;display:flex}a{color:inherit;transition:var(--transition);text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}ul{list-style:none}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:#333;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#444}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:16px}.gradient-text{background:linear-gradient(135deg, var(--primary), var(--secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:700}.hero-bg{z-index:-1;background:radial-gradient(circle,#1e1b4b 0%,#0a0a0c 100%);width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.hero-bg:before{content:"";filter:blur(80px);background:radial-gradient(circle,#6366f126 0%,#0000 70%);width:60%;height:60%;animation:20s infinite alternate float;position:absolute;top:-20%;left:-20%}@keyframes float{0%{transform:translate(0)}to{transform:translate(10%,15%)}}main{flex:1;padding-top:80px}.container{max-width:1200px;margin:0 auto;padding:0 2rem}