:root{--bg-base:#f8fafc;--bg-elevated:#fff;--bg-subtle:#f1f5f9;--bg-muted:#e2e8f0;--glass-bg:hsla(0,0%,100%,.7);--glass-border:hsla(0,0%,100%,.3);--glass-shadow:0 8px 32px rgba(0,0,0,.08);--border-default:rgba(0,0,0,.08);--border-subtle:rgba(0,0,0,.04);--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--text-inverse:#fff;--accent-primary:#6366f1;--accent-primary-hover:#4f46e5;--accent-primary-subtle:rgba(99,102,241,.1);--accent-cyan:#06b6d4;--accent-cyan-subtle:rgba(6,182,212,.1);--accent-violet:#8b5cf6;--accent-violet-subtle:rgba(139,92,246,.1);--accent-amber:#f59e0b;--accent-amber-subtle:rgba(245,158,11,.1);--accent-emerald:#10b981;--accent-emerald-subtle:rgba(16,185,129,.1);--accent-rose:#f43f5e;--accent-rose-subtle:rgba(244,63,94,.1);--gradient-primary:linear-gradient(135deg,#6366f1,#8b5cf6 50%,#a855f7);--gradient-cyan:linear-gradient(135deg,#06b6d4,#0ea5e9);--gradient-amber:linear-gradient(135deg,#f59e0b,#f97316);--gradient-emerald:linear-gradient(135deg,#10b981,#059669);--gradient-rose:linear-gradient(135deg,#f43f5e,#ec4899);--gradient-mesh:radial-gradient(at 40% 20%,rgba(99,102,241,.15) 0px,transparent 50%),radial-gradient(at 80% 0%,rgba(139,92,246,.1) 0px,transparent 50%),radial-gradient(at 0% 50%,rgba(6,182,212,.1) 0px,transparent 50%);--shadow-xs:0 1px 2px rgba(0,0,0,.05);--shadow-sm:0 2px 4px rgba(0,0,0,.06);--shadow-md:0 4px 12px rgba(0,0,0,.08);--shadow-lg:0 8px 24px rgba(0,0,0,.1);--shadow-xl:0 16px 48px rgba(0,0,0,.12);--shadow-glow:0 0 40px rgba(99,102,241,.15);--status-success:#10b981;--status-success-bg:rgba(16,185,129,.1);--status-warning:#f59e0b;--status-warning-bg:rgba(245,158,11,.1);--status-error:#ef4444;--status-error-bg:rgba(239,68,68,.1);--status-info:#3b82f6;--status-info-bg:rgba(59,130,246,.1);--nav-height:64px;--content-max-width:1400px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px}[data-theme=dark]{--bg-base:#0a0a0f;--bg-elevated:#12121a;--bg-subtle:#1a1a24;--bg-muted:#252530;--glass-bg:rgba(18,18,26,.8);--glass-border:hsla(0,0%,100%,.08);--glass-shadow:0 8px 32px rgba(0,0,0,.4);--border-default:hsla(0,0%,100%,.08);--border-subtle:hsla(0,0%,100%,.04);--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--text-inverse:#0f172a;--accent-primary-subtle:rgba(99,102,241,.15);--accent-cyan-subtle:rgba(6,182,212,.15);--accent-violet-subtle:rgba(139,92,246,.15);--accent-amber-subtle:rgba(245,158,11,.15);--accent-emerald-subtle:rgba(16,185,129,.15);--accent-rose-subtle:rgba(244,63,94,.15);--gradient-mesh:radial-gradient(at 40% 20%,rgba(99,102,241,.2) 0px,transparent 50%),radial-gradient(at 80% 0%,rgba(139,92,246,.15) 0px,transparent 50%),radial-gradient(at 0% 50%,rgba(6,182,212,.1) 0px,transparent 50%);--shadow-xs:0 1px 2px rgba(0,0,0,.2);--shadow-sm:0 2px 4px rgba(0,0,0,.25);--shadow-md:0 4px 12px rgba(0,0,0,.3);--shadow-lg:0 8px 24px rgba(0,0,0,.35);--shadow-xl:0 16px 48px rgba(0,0,0,.4);--shadow-glow:0 0 60px rgba(99,102,241,.25);--status-success-bg:rgba(16,185,129,.15);--status-warning-bg:rgba(245,158,11,.15);--status-error-bg:rgba(239,68,68,.15);--status-info-bg:rgba(59,130,246,.15)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-base);color:var(--text-primary);line-height:1.6;min-height:100vh;transition:background-color .3s ease,color .3s ease}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:4px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}a{color:var(--accent-primary);text-decoration:none;transition:color .2s}a:hover{color:var(--accent-primary-hover)}button{font:inherit;cursor:pointer;border:none;background:transparent;color:inherit}::selection{background:var(--accent-primary);color:#fff}@keyframes spin{to{transform:rotate(1turn)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes glow{0%,to{box-shadow:0 0 20px rgba(99,102,241,.3)}50%{box-shadow:0 0 40px rgba(99,102,241,.5)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes countUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .4s ease-out forwards}.animate-slide-in{animation:slideInUp .5s ease-out forwards}.animate-scale-in{animation:scaleIn .3s ease-out forwards}.glass{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border)}.card{background:var(--bg-elevated);border-radius:var(--radius-lg);border:1px solid var(--border-default);transition:all .3s cubic-bezier(.4,0,.2,1)}.card:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-lg),0 0 0 1px var(--accent-primary-subtle);transform:translateY(-2px)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border-radius:var(--radius-md);font-weight:500;font-size:14px;transition:all .2s cubic-bezier(.4,0,.2,1)}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:0 4px 14px rgba(99,102,241,.4)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(99,102,241,.5)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover{background:var(--bg-subtle);color:var(--text-primary)}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--radius-full);font-size:12px;font-weight:500}.badge-success{background:var(--status-success-bg);color:var(--status-success)}.badge-warning{background:var(--status-warning-bg);color:var(--status-warning)}.badge-error{background:var(--status-error-bg);color:var(--status-error)}.badge-info{background:var(--status-info-bg);color:var(--status-info)}:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.skeleton{background:linear-gradient(90deg,var(--bg-subtle) 25%,var(--bg-muted) 50%,var(--bg-subtle) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm)}.gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.counter{display:inline-block;animation:countUp .6s ease-out forwards}.mesh-bg{position:fixed;inset:0;background:var(--gradient-mesh);pointer-events:none;z-index:-1}