:root,[data-theme=dark]{--primary: #2563eb;--primary-dark: #1d4ed8;--primary-light: #60a5fa;--primary-bg: #1e3a5f;--primary-glow: rgba(37, 99, 235, .3);--secondary: #0d9488;--secondary-dark: #0f766e;--secondary-light: #14b8a6;--accent: #8b5cf6;--success: #16a34a;--success-bg: #14532d;--warning: #d97706;--warning-bg: #451a03;--danger: #dc2626;--danger-bg: #450a0a;--info: #2563eb;--info-bg: #1e3a5f;--dark: #f1f5f9;--dark-2: #e2e8f0;--dark-3: #cbd5e1;--gray-50: #0f172a;--gray-100: #1e293b;--gray-200: #334155;--gray-300: #475569;--gray-400: #64748b;--gray-500: #94a3b8;--gray-600: #cbd5e1;--gray-700: #e2e8f0;--light: #1e293b;--body-bg: #0b1120;--card-bg: #131c31;--radius-sm: 6px;--radius: 10px;--radius-lg: 14px;--radius-xl: 20px;--shadow-xs: 0 1px 2px rgba(0,0,0,.3);--shadow-sm: 0 1px 3px rgba(0,0,0,.3),0 1px 2px rgba(0,0,0,.2);--shadow: 0 4px 6px -1px rgba(0,0,0,.3),0 2px 4px -1px rgba(0,0,0,.2);--shadow-md: 0 10px 15px -3px rgba(0,0,0,.3),0 4px 6px -2px rgba(0,0,0,.2);--shadow-lg: 0 20px 25px -5px rgba(0,0,0,.4),0 10px 10px -5px rgba(0,0,0,.2);--shadow-xl: 0 25px 50px -12px rgba(0,0,0,.5);--shadow-glow: 0 0 20px var(--primary-glow);--transition: .25s ease;--transition-fast: .15s ease;--transition-slow: .4s ease;--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--max-width: 1280px;--header-height: 64px}[data-theme=light]{--primary: #2563eb;--primary-dark: #1d4ed8;--primary-light: #3b82f6;--primary-bg: #dbeafe;--primary-glow: rgba(37,99,235,.25);--secondary: #0d9488;--secondary-dark: #0f766e;--secondary-light: #14b8a6;--accent: #8b5cf6;--success: #16a34a;--success-bg: #dcfce7;--warning: #d97706;--warning-bg: #fef3c7;--danger: #dc2626;--danger-bg: #fee2e2;--info: #2563eb;--info-bg: #dbeafe;--dark: #0f172a;--dark-2: #1e293b;--dark-3: #334155;--gray-50: #f8fafc;--gray-100: #f1f5f9;--gray-200: #e2e8f0;--gray-300: #cbd5e1;--gray-400: #94a3b8;--gray-500: #64748b;--gray-600: #475569;--gray-700: #334155;--light: #ffffff;--body-bg: #f1f5f9;--card-bg: #ffffff;--shadow-xs: 0 1px 2px rgba(0,0,0,.04);--shadow-sm: 0 1px 3px rgba(0,0,0,.06),0 1px 2px rgba(0,0,0,.04);--shadow: 0 4px 6px -1px rgba(0,0,0,.07),0 2px 4px -1px rgba(0,0,0,.04);--shadow-md: 0 10px 15px -3px rgba(0,0,0,.08),0 4px 6px -2px rgba(0,0,0,.04);--shadow-lg: 0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);--shadow-xl: 0 25px 50px -12px rgba(0,0,0,.15);--shadow-glow: 0 0 20px var(--primary-glow)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font);font-size:15px;line-height:1.6;color:var(--dark-2);background:var(--body-bg);min-height:100vh;overflow-x:hidden}::selection{background:var(--primary);color:#fff}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--gray-100)}::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none;transition:var(--transition)}a:hover{color:var(--primary)}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.3;color:var(--dark)}.btn-primary{display:inline-flex;align-items:center;gap:8px;padding:10px 24px;background:var(--primary);color:#fff;border:none;border-radius:var(--radius);font-weight:600;font-size:14px;font-family:var(--font);cursor:pointer;transition:var(--transition);text-decoration:none}.btn-primary:hover{background:var(--primary-dark);color:#fff;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-secondary{display:inline-flex;align-items:center;gap:8px;padding:10px 24px;background:transparent;color:var(--dark);border:1px solid var(--gray-200);border-radius:var(--radius);font-weight:500;font-size:14px;font-family:var(--font);cursor:pointer;transition:var(--transition);text-decoration:none}.btn-secondary:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-bg)}.btn-outline{display:inline-flex;align-items:center;gap:8px;padding:8px 20px;background:transparent;color:var(--gray-400);border:1px solid var(--gray-200);border-radius:var(--radius);font-weight:500;font-size:13px;font-family:var(--font);cursor:pointer;transition:var(--transition);text-decoration:none}.btn-outline:hover{border-color:var(--primary);color:var(--primary)}.app-content{min-height:calc(100vh - var(--header-height));padding-top:var(--header-height)}.section-title{font-size:1.75rem;font-weight:800;text-align:center;margin-bottom:12px;color:var(--dark)}.section-subtitle{font-size:.95rem;color:var(--gray-400);text-align:center;max-width:560px;margin:0 auto 40px;line-height:1.7}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}