:root{--primary-color:#4f46e5;--primary-dark:#4338ca;--primary-light:#818cf8;--secondary-color:#10b981;--text-dark:#1f2937;--text-light:#6b7280;--bg-light:#f9fafb;--bg-white:#fff;--bg-dark:#111827;--border-color:#e5e7eb;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--transition:all .3s ease}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}[data-theme=dark]{--text-dark:#f9fafb;--text-light:#d1d5db;--bg-light:#1f2937;--bg-white:#111827;--border-color:#374151}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--text-dark);background-color:var(--bg-white);-webkit-font-smoothing:antialiased;font-family:Inter,sans-serif;line-height:1.6;transition:background-color .3s;overflow-x:hidden}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}h1,h2,h3,h4,h5,h6{margin-bottom:1rem;font-weight:700;line-height:1.25}h1{font-size:2.75rem}h2{font-size:2.25rem}h3{font-size:1.75rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1rem}p{margin-bottom:1rem}a{color:var(--primary-color);transition:var(--transition);text-decoration:none}a:hover{color:var(--primary-dark)}.btn{text-align:center;cursor:pointer;transition:var(--transition);border:none;border-radius:.5rem;min-width:44px;min-height:44px;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;display:inline-block}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-primary:hover{background-color:var(--primary-dark);box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-secondary{color:var(--primary-color);border:1px solid var(--primary-color);background-color:#fff}.btn-secondary:hover{background-color:var(--primary-color);color:#fff}.btn-outline{color:#fff;background-color:#0000;border:1px solid #fff}.btn-outline:hover{color:var(--primary-color);background-color:#fff}.btn:disabled{opacity:.6;cursor:not-allowed}img{max-width:100%;height:auto}table{overflow-x:auto}@media (max-width:992px){h1{font-size:2.25rem}h2{font-size:1.875rem}h3{font-size:1.5rem}}@media (max-width:768px){h1{font-size:1.875rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.125rem}}@media (max-width:576px){.container{padding:0 16px}h1{font-size:1.625rem}h2{font-size:1.375rem}h3{font-size:1.125rem}.btn{padding:.625rem 1.25rem;font-size:.9rem}}