:root{--bg-body:#0a0a0a;--bg-card:rgba(255, 255, 255, 0.05);--bg-card-hover:rgba(255, 255, 255, 0.1);--primary:#ffffff;--secondary:#a0a0a0;--text-main:#ffffff;--text-muted:#cccccc;--border-color:rgba(255, 255, 255, 0.2);--border-active:rgba(255, 255, 255, 0.5);--font-heading:'Space Grotesk', sans-serif;--font-body:'Inter', sans-serif;--radius:24px;--shadow:0 8px 32px 0 rgba(0, 0, 0, 0.37)}body{background-color:var(--bg-body);background-image:radial-gradient(circle at 20% 20%,rgb(60 60 60 / .4),transparent 40%),radial-gradient(circle at 80% 80%,rgb(40 40 40 / .4),transparent 40%);color:var(--text-main);font-family:var(--font-body)}h1,h2,h3{font-family:var(--font-heading);font-weight:700;letter-spacing:-1px}.text-gradient{background:linear-gradient(to right,#ffffff,#888888);-webkit-background-clip:text;-webkit-text-fill-color:#fff0}.theme-card{background:var(--bg-card);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);border-radius:var(--radius);padding:2.5rem;transition:all 0.4s ease;box-shadow:var(--shadow)}.theme-card:hover{transform:translateY(-8px);background:var(--bg-card-hover);border-color:var(--border-active)}.btn-theme-primary{background:rgb(255 255 255 / .1);backdrop-filter:blur(10px);border:1px solid rgb(255 255 255 / .4);color:#fff;padding:1rem 2.5rem;border-radius:50px;font-weight:600;transition:all 0.3s ease}.btn-theme-primary:hover{background:#fff;color:#000;box-shadow:0 0 20px rgb(255 255 255 / .3)}.btn-theme-secondary{background:#fff0;color:rgb(255 255 255 / .7);padding:1rem 2.5rem;font-weight:600;transition:all 0.3s ease}.btn-theme-secondary:hover{color:#fff}