:root{color-scheme:light dark;--color-bg:#fff;--color-surface:#f4f6fb;--color-surface-2:#eaeefa;--color-text:#0f1424;--color-muted:#4f5a72;--color-text-muted:#4f5a72;--color-primary:#4f46e5;--color-primary-hover:#4338ca;--color-primary-contrast:#fff;--color-accent:#06b6d4;--color-success:#0f7a55;--color-warning:#a35a00;--color-danger:#c42626;--color-border:#e1e5f0;--color-border-control:#8089a3;--color-card:#fff;--color-header:hsla(0,0%,100%,.82);--gradient-brand:linear-gradient(135deg,#4f46e5,#7c3aed 55%,#06b6d4 120%);--gradient-hero:radial-gradient(900px 420px at 15% -10%,rgba(124,58,237,.22),transparent 60%),radial-gradient(800px 400px at 95% 0%,rgba(6,182,212,.22),transparent 60%);--radius-sm:10px;--radius-md:16px;--radius-lg:24px;--radius-pill:999px;--shadow-sm:0 1px 2px rgba(15,20,36,.06),0 1px 3px rgba(15,20,36,.06);--shadow-md:0 8px 24px rgba(31,41,90,.1);--shadow-lg:0 20px 50px rgba(31,41,90,.18);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:72px;--font-sans:"Inter","Segoe UI",system-ui,-apple-system,Roboto,sans-serif;--text-sm:.875rem;--text-base:1rem;--text-lg:1.25rem;--text-xl:1.75rem;--text-2xl:clamp(2rem,5.5vw,3.5rem);--ease:cubic-bezier(.2,.7,.2,1)}@media(prefers-color-scheme:dark){:root{--color-bg:#0b0f1d;--color-surface:#121830;--color-surface-2:#1a2142;--color-text:#eef1fb;--color-muted:#a3adc8;--color-text-muted:#a3adc8;--color-primary:#8b85ff;--color-primary-hover:#a09bff;--color-primary-contrast:#0b0f1d;--color-accent:#22d3ee;--color-success:#3ddc9a;--color-warning:#fbbf4a;--color-danger:#ff7b7b;--color-border:#232b4d;--color-border-control:#6c779c;--color-card:#121830;--color-header:rgba(11,15,29,.82);--gradient-brand:linear-gradient(135deg,#8b85ff,#a78bfa 55%,#22d3ee 120%);--gradient-hero:radial-gradient(900px 420px at 15% -10%,rgba(139,133,255,.28),transparent 60%),radial-gradient(800px 400px at 95% 0%,rgba(34,211,238,.2),transparent 60%);--shadow-sm:0 1px 2px rgba(0,0,0,.4);--shadow-md:0 8px 24px rgba(0,0,0,.45);--shadow-lg:0 20px 50px rgba(0,0,0,.55)}}*,:after,:before{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-size:var(--text-base);line-height:1.6;margin:0;-webkit-font-smoothing:antialiased}h1,h2,h3{letter-spacing:-.02em;line-height:1.2;margin:0 0 var(--space-3)}h1{font-size:var(--text-xl);font-weight:800}h2{font-size:var(--text-lg);font-weight:700}p{margin:0 0 var(--space-3)}a{color:var(--color-primary);text-underline-offset:3px}a:hover{color:var(--color-primary-hover)}img{max-width:100%}:focus-visible{border-radius:4px;outline:3px solid var(--color-primary);outline-offset:2px}.container{margin:0 auto;max-width:1120px;padding:0 var(--space-4)}.notice{color:var(--color-muted)}.err,.notice{font-size:var(--text-sm)}.err{color:var(--color-danger)}.card-surface{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}@media(prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}