:root{--background:#fff;--foreground:#0f172a;--primary:#2563eb;--secondary:#7c3aed;--accent:#0ea5e9;--card-bg:#fffc;--card-border:#00000014;--glass-bg:#fff6;--glass-border:#0000001a;--glow-primary:#2563eb4d;--glow-secondary:#7c3aed4d;--font-inter:"Inter",system-ui,-apple-system,sans-serif;--nav-bg:#ffffffb3;--muted:#64748b}.dark{--background:#0a0a0a;--foreground:#fff;--card-bg:#171717b3;--card-border:#ffffff1a;--glass-bg:#ffffff08;--glass-border:#ffffff0d;--glow-primary:#2563eb80;--glow-secondary:#7c3aed80;--nav-bg:#0a0a0ab3;--muted:#a1a1aa}*{box-sizing:border-box;margin:0;padding:0}html,body{max-width:100vw;overflow-x:hidden}body{background-color:var(--background);color:var(--foreground);font-family:var(--font-inter);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}a{color:inherit;text-decoration:none}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:1rem}.gradient-text{background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;cursor:pointer;box-shadow:0 4px 15px var(--glow-primary);border:none;border-radius:.5rem;padding:.8rem 1.5rem;font-weight:600;transition:all .3s}.btn-primary:hover{box-shadow:0 6px 20px var(--glow-primary);opacity:.9;transform:translateY(-2px)}h1{font-size:clamp(2rem,5vw,4.2rem)!important}h2{font-size:clamp(1.8rem,4vw,2.5rem)!important}.nav-links{align-items:center;gap:1.2rem;display:flex}@media (max-width:768px){.hidden.sm\:block{display:none}.navbar-container{padding:.75rem 1rem!important;top:calc(36px + .5rem)!important}.mobile-menu-btn{z-index:1001;display:block!important}.nav-links{background:var(--background);border:1px solid var(--glass-border);border-top:none;border-radius:0 0 1rem 1rem;flex-direction:column;width:100%;padding:1rem 0;display:none;position:absolute;top:100%;left:0;box-shadow:0 4px 20px #0000001a}.nav-links.active{display:flex}.nav-links a,.nav-links button{text-align:center;width:100%;padding:.75rem}.theme-btn{margin:0 auto;width:auto!important}}
