*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--primary: #6C3FF5;--primary-dark: #5B2FD4;--primary-light: #EDE9FF;--accent: #FF6B6B;--text: #1A1A2E;--text-muted: #4B5563;--bg: #FFFFFF;--bg-soft: #F8F7FF;--border: #E5E7EB;--radius: 12px;--shadow: 0 4px 24px rgba(108, 63, 245, .1);--card-bg: #FFFFFF;--header-bg: rgba(255, 255, 255, .97);--input-bg: #FFFFFF;--table-stripe: #F8F7FF}[data-theme=dark]{--primary: #9B72FF;--primary-dark: #7C3AED;--primary-light: #2D1B69;--accent: #FF6B6B;--text: #E8E6FF;--text-muted: #8B8AA8;--bg: #0D0C1A;--bg-soft: #161428;--border: #2A2845;--shadow: 0 4px 32px rgba(155, 114, 255, .12);--card-bg: #161428;--header-bg: rgba(13, 12, 26, .97);--input-bg: #1E1C35;--table-stripe: #1A1830}html{transition:background .3s}body{font-family:Inter,sans-serif;color:var(--text);background:var(--bg);line-height:1.6;-webkit-font-smoothing:antialiased}[data-theme=dark] section,[data-theme=dark] article,[data-theme=dark] footer{background:var(--bg)!important}[data-theme=dark] h1,[data-theme=dark] h2,[data-theme=dark] h3,[data-theme=dark] h4,[data-theme=dark] strong{color:var(--text)}[data-theme=dark] .dark-card{background:var(--card-bg)!important;border-color:var(--border)!important}[data-theme=dark] select{background:var(--input-bg)!important;color:var(--text)!important;border-color:var(--border)!important;color-scheme:dark}[data-theme=dark] input[type=color]{background:var(--input-bg)!important;border-color:var(--border)!important}[data-theme=dark] table{background:var(--card-bg)!important;border-color:var(--border)!important}[data-theme=dark] th{background:var(--primary-dark)!important}[data-theme=dark] td{border-color:var(--border)!important;color:var(--text-muted)!important}[data-theme=dark] ::-webkit-scrollbar{width:6px}[data-theme=dark] ::-webkit-scrollbar-track{background:var(--bg)}[data-theme=dark] ::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}img{max-width:100%}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;font-family:inherit;border:none;outline:none}.container{max-width:1100px;margin:0 auto;padding:0 20px}.btn-primary{display:inline-flex;align-items:center;gap:8px;background:var(--primary);color:#fff;padding:14px 28px;border-radius:var(--radius);font-size:16px;font-weight:600;transition:background .2s,transform .1s}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-1px)}.btn-primary:disabled{background:#9ca3af;cursor:not-allowed;transform:none}.btn-secondary{display:inline-flex;align-items:center;gap:8px;background:transparent;color:var(--primary);border:2px solid var(--primary);padding:12px 24px;border-radius:var(--radius);font-size:15px;font-weight:600;transition:all .2s}.btn-secondary:hover{background:var(--primary-light)}.theme-toggle{width:38px;height:38px;border-radius:10px;border:1.5px solid var(--border);background:var(--bg-soft);color:var(--text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;font-size:16px}.theme-toggle:hover{border-color:var(--primary);background:var(--primary-light)}section{padding:72px 0}h1{font-size:clamp(2rem,4vw,3rem);font-weight:800;line-height:1.2}h2{font-size:clamp(1.5rem,3vw,2.2rem);font-weight:700;line-height:1.3}h3{font-size:1.2rem;font-weight:600}@media (max-width: 768px){section{padding:48px 0}}