@font-face {font-family:"PingHL";src:url("/assets/fonts/PingHL-Regular.woff") format("woff");font-weight:400;font-style:normal;font-display:swap;}
@font-face {font-family:"PingHL";src:url("/assets/fonts/PingHL-Bold.woff") format("woff");font-weight:700;font-style:normal;font-display:swap;}
:root {color-scheme:light dark;--brand-50:#eaf3fa;--brand-100:#d0e4f3;--brand-200:#9ec9e7;--brand-300:#6caedb;--brand-400:#3b93ce;--brand-500:#0a78c2;--brand-600:#0a6aab;--brand-700:#0a4b78;--brand-800:#093d63;--brand-900:#0a2740;--brand-primary:#0576a6;--brand-primary-dark:#0a4b78;--brand-primary-button:#0578a7;--accent-300:#ffce6a;--accent-400:#fcb734;--accent-500:#e89c12;--accent-600:#b97a08;--success-500:#13a05a;--success-600:#0c7a44;--success-50:#e7f7ee;--warning-500:#e0a409;--warning-600:#b07f04;--warning-50:#fff5da;--danger-500:#dc3545;--danger-600:#a8202e;--danger-50:#fdecea;--info-500:#1098b3;--info-50:#e0f4f8;--neutral-0:#ffffff;--neutral-50:#f7f9fc;--neutral-100:#eef2f7;--neutral-200:#dde4ef;--neutral-300:#c2cdde;--neutral-400:#94a3b8;--neutral-500:#64748b;--neutral-600:#475569;--neutral-700:#334155;--neutral-800:#1e293b;--neutral-900:#0f172a;--neutral-950:#06101e;--sp-0:0;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-7:32px;--sp-8:40px;--sp-9:48px;--sp-10:64px;--sp-11:80px;--sp-12:96px;--rad-sm:8px;--rad-md:12px;--rad-lg:16px;--rad-xl:20px;--rad-pill:999px;--brand-radius:16px;--shadow-xs:0 1px 2px rgba(15,23,42,.06);--shadow-sm:0 2px 6px rgba(15,23,42,.08);--shadow-md:0 8px 18px rgba(15,23,42,.10);--shadow-lg:0 18px 40px rgba(15,23,42,.16);--shadow-xl:0 30px 60px rgba(10,75,120,.22);--shadow-glow:0 0 0 4px rgba(10,120,194,.18);--fs-xs:12px;--fs-sm:14px;--fs-base:16px;--fs-lg:18px;--fs-xl:20px;--fs-2xl:24px;--fs-3xl:32px;--fs-4xl:44px;--lh-tight:1.15;--lh-snug:1.35;--lh-base:1.55;--lh-relaxed:1.7;--ff-he:"PingHL","Heebo","Rubik","Segoe UI",sans-serif;--ff-en:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--ff-mono:ui-monospace,"SFMono-Regular","JetBrains Mono","Menlo","Consolas",monospace;--brand-font-he:var(--ff-he);--brand-font-en:var(--ff-en);--t-fast:120ms;--t-base:200ms;--t-slow:320ms;--ease-out:cubic-bezier(.2,.8,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--bg:var(--neutral-50);--bg-elev-1:#ffffff;--bg-elev-2:#ffffff;--surface:#ffffff;--surface-alt:var(--neutral-100);--text:#12284c;--text-muted:#5b6b86;--text-soft:var(--neutral-500);--border:#dde4ef;--border-strong:#c2cdde;--accent:var(--brand-500);--accent-fg:#ffffff;--accent-soft:var(--brand-50);--ring:rgba(10,120,194,.35);--focus:#ff8a00;--td-text:var(--text);--td-text-muted:var(--text-muted);--td-bg:var(--bg);--td-bg-alt:var(--surface-alt);--td-border:var(--border);--td-focus:var(--focus);--td-test-banner-bg:#ffce6a;--td-test-banner-fg:#1a1a1a;--header-h:64px;--container-max:1200px;}
html[data-theme="dark"] {--bg:#0b1322;--bg-elev-1:#101a2c;--bg-elev-2:#16223a;--surface:#101a2c;--surface-alt:#0e1729;--text:#e6eefb;--text-muted:#9fb0cb;--text-soft:#7d8ea9;--border:#1f2c45;--border-strong:#2a3956;--accent:var(--brand-300);--accent-fg:#0a1a2c;--accent-soft:rgba(108,174,219,.12);--ring:rgba(108,174,219,.35);--shadow-xs:0 1px 2px rgba(0,0,0,.5);--shadow-sm:0 2px 6px rgba(0,0,0,.55);--shadow-md:0 8px 18px rgba(0,0,0,.55);--shadow-lg:0 18px 40px rgba(0,0,0,.65);--shadow-xl:0 30px 60px rgba(0,0,0,.7);--td-test-banner-bg:#2c2410;--td-test-banner-fg:#ffce6a;}
*,*::before,*::after {box-sizing:border-box;}
html {-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;}
body {margin:0;background:var(--bg);color:var(--text);font-family:var(--ff-he);font-size:var(--fs-base);line-height:var(--lh-base);transition:background var(--t-base) var(--ease-out),color var(--t-base) var(--ease-out);}
body[lang="en"],.td-body--en,.td-admin--en {font-family:var(--ff-en);}
h1,h2,h3,h4,h5,h6 {color:var(--text);line-height:var(--lh-tight);margin:0 0 var(--sp-4);font-weight:700;letter-spacing:-0.01em;}
h1 {font-size:var(--fs-3xl);}
h2 {font-size:var(--fs-2xl);}
h3 {font-size:var(--fs-xl);}
h4 {font-size:var(--fs-lg);}
p {margin:0 0 var(--sp-4);}
small,.small {font-size:var(--fs-sm);}
.muted {color:var(--text-muted);}
a {color:var(--brand-500);text-decoration:none;transition:color var(--t-fast) var(--ease-out);}
a:hover {color:var(--brand-700);text-decoration:underline;}
img {max-width:100%;height:auto;display:block;}
button,input,select,textarea {font:inherit;color:inherit;}
button {cursor:pointer;background:transparent;border:0;padding:0;}
hr {border:0;border-top:1px solid var(--border);margin:var(--sp-6) 0;}
code,kbd,pre,samp {font-family:var(--ff-mono);font-size:0.92em;}
pre {background:var(--surface-alt);padding:var(--sp-4);border-radius:var(--rad-md);overflow:auto;}
:focus {outline:0;}
:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible {outline:3px solid var(--focus);outline-offset:2px;border-radius:6px;}
:target {scroll-margin-top:calc(var(--header-h) + var(--sp-4));}
.td-icon {flex-shrink:0;vertical-align:middle;}
.td-icon--sm {width:16px;height:16px;}
.td-icon--lg {width:32px;height:32px;}
.td-icon--xl {width:48px;height:48px;}
.td-sr-only {position:absolute !important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
.td-skip-link {position:absolute;top:-100px;inset-inline-start:0;background:var(--brand-700);color:#fff;padding:10px 18px;border-radius:0 0 12px 0;font-weight:700;z-index:1100;transition:top var(--t-fast) var(--ease-out);}
.td-skip-link:focus,.td-skip-link:focus-visible {top:0;color:#fff;text-decoration:none;}
.td-test-banner {background:var(--td-test-banner-bg);color:var(--td-test-banner-fg);padding:8px 16px;text-align:center;font-weight:700;font-size:var(--fs-sm);letter-spacing:0.04em;text-transform:uppercase;}
.td-container {max-width:var(--container-max);margin:0 auto;padding:0 var(--sp-4);}
.td-stack {display:flex;flex-direction:column;gap:var(--sp-4);}
.td-row {display:flex;gap:var(--sp-3);align-items:center;flex-wrap:wrap;}
.td-grid {display:grid;gap:var(--sp-5);}
.td-grid--2 {grid-template-columns:repeat(auto-fit,minmax(280px,1fr));}
.td-grid--3 {grid-template-columns:repeat(auto-fit,minmax(240px,1fr));}
.td-grid--4 {grid-template-columns:repeat(auto-fit,minmax(200px,1fr));}
::selection {background:var(--brand-100);color:var(--brand-900);}
@media (prefers-reduced-motion: reduce){
*,*::before,*::after {animation-duration:0.001ms !important;animation-iteration-count:1 !important;transition-duration:0.001ms !important;scroll-behavior:auto !important;}
}
