:root{--background:#f1f5f9;--background-gradient:linear-gradient(to bottom right,#f1f5f9,#e2e8f0);--surface:#ffffffd9;--surface-hover:#fffffff2;--surface-active:#fff;--glass-border:#94a3b833;--glass-shine:#fff9;--border-subtle:#94a3b81a;--primary:#f97316;--primary-gradient:linear-gradient(135deg,#f97316 0%,#db2777 100%);--primary-glow:#f9731666;--secondary:#10b981;--secondary-gradient:linear-gradient(135deg,#10b981 0%,#059669 100%);--danger:#ef4444;--danger-gradient:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);--text-main:#0f172a;--text-muted:#64748b;--text-on-primary:#fff;--radius-sm:.75rem;--radius-md:1rem;--radius-lg:1.5rem;--container-width:1280px;--shadow-sm:0 4px 6px -1px #0f172a0d,0 2px 4px -1px #0f172a08;--shadow-md:0 10px 15px -3px #0f172a0d,0 4px 6px -2px #0f172a06;--shadow-glow:0 0 25px #f9731626;--backdrop-blur:blur(16px)}[data-theme=dark]{--background:#020617;--background-gradient:linear-gradient(to bottom right,#020617,#0f172a);--surface:#1e293ba6;--surface-hover:#334155bf;--surface-active:#334155e6;--glass-border:#ffffff14;--glass-shine:#ffffff14;--border-subtle:#ffffff0d;--text-main:#f8fafc;--text-muted:#94a3b8;--text-on-primary:#fff;--shadow-sm:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003;--shadow-md:0 10px 15px -3px #0006,0 4px 6px -2px #0000004d;--shadow-glow:0 0 30px #f9731633}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--background-gradient);color:var(--text-main);-webkit-font-smoothing:antialiased;background-attachment:fixed;min-height:100vh;font-family:Outfit,Inter,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none;transition:color .2s}button{cursor:pointer;background:0 0;border:none;font-family:inherit}.container{max-width:var(--container-width);margin:0 auto;padding:0 1.5rem}.card{background:var(--surface);-webkit-backdrop-filter:var(--backdrop-blur);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.card:hover{box-shadow:var(--shadow-glow),var(--shadow-md);background:var(--surface-hover);border-color:#f973164d;transform:translateY(-4px)}.card:after{content:"";background:linear-gradient(to right,transparent,var(--glass-shine),transparent);pointer-events:none;width:50%;height:100%;transition:all .5s;position:absolute;top:0;left:-100%;transform:skew(-25deg)}.card:hover:after{transition:all .7s ease-in-out;left:150%}.btn{border-radius:var(--radius-md);justify-content:center;align-items:center;padding:.75rem 1.5rem;font-weight:600;transition:all .3s;display:inline-flex;position:relative;overflow:hidden}.btn-primary{background:var(--primary-gradient);color:var(--text-on-primary);box-shadow:0 4px 15px var(--primary-glow)}.btn-primary:hover{box-shadow:0 6px 20px var(--primary-glow);filter:brightness(1.1);transform:translateY(-2px)}.btn-outline{border:1px solid var(--glass-border);color:var(--text-main);background:#ffffff0d}.btn-outline:hover{background:var(--surface-active);border-color:var(--text-main)}.grid-layout{gap:2rem;display:grid}.nav-link{color:var(--text-muted);padding:.5rem 0;font-size:.95rem;font-weight:500;transition:all .2s;position:relative}.nav-link:hover{color:var(--primary)}.nav-link.active{color:var(--text-main);font-weight:600}.nav-link.active:after{content:"";background:var(--primary-gradient);width:100%;height:2px;box-shadow:0 0 10px var(--primary);border-radius:2px;position:absolute;bottom:0;left:0}.text-gradient{background:var(--primary-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--background)}::-webkit-scrollbar-thumb{background:var(--surface-hover);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}