*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg: #ffffff;--color-surface: #f5f5f5;--color-dark: #1a1a1a;--color-dark-alt: #101820;--color-footer: #0d2a4a;--color-charcoal: #32373c;--color-ocean: #0693e3;--color-ocean-dk: #0575c4;--color-text: #2c2c2c;--color-text-secondary: #555;--color-text-tertiary: #444;--color-muted: #6b7280;--color-muted-lt: #bbb;--color-border: #e5e7eb;--color-bg-subtle: #fafafa;--color-error: #c0392b;--color-success: #16a34a;--book-bg: #f0f4f8;--book-dk: var(--color-dark-alt);--book-pill: #2d3748;--book-pill-hov: #3d4f66;--book-green: #22c55e;--book-r: 8px;--book-r-card: 12px;--color-ocean-10: rgba(6,147,227,.1);--color-ocean-08: rgba(6,147,227,.08);--color-ocean-04: rgba(6,147,227,.04);--color-red-08: rgba(239,68,68,.08);--color-red: #ef4444;--color-disabled: #d1d5db;--color-row-alt: #f9fafb;--color-warn-bg: #fff7ed;--color-warn-border: #fed7aa;--color-warn-text: #92400e;--color-err-bg: #fef2f2;--color-err-border: #fecaca;--color-err-text: #b91c1c;--color-info-bg: #eff6ff;--color-info-border: #bfdbfe;--color-info-text: #1d4ed8;--radius: 4px;--radius-lg: 8px;--radius-xl: 12px;--radius-pill: 50px;--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--nav-h: 90px}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font);color:var(--color-text);background:var(--color-bg);line-height:1.65;-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}.nav{position:fixed;top:0;left:0;right:0;z-index:100;height:var(--nav-h);display:flex;align-items:center;justify-content:space-between;padding:0 3rem;background:var(--color-bg);border-bottom:1px solid var(--color-border);overflow:visible}.nav-logo{align-self:flex-start;position:relative;z-index:101;background:#ffffffb3;padding:0 18px 38px;border-radius:0 0 12px 12px;box-shadow:0 8px 24px #0000001f;text-decoration:none}.nav-logo img{height:120px;width:auto;object-fit:contain;display:block;margin-top:35px}.nav-right{display:flex;align-items:center;gap:1rem}.nav-back{font-size:1rem;font-weight:500;color:var(--color-muted);transition:color .2s}.nav-back:hover{color:var(--color-ocean)}.btn-lang{font-family:var(--font);font-size:.8rem;font-weight:600;padding:.45rem 1rem;border:1.5px solid var(--color-border);border-radius:var(--radius-pill);background:transparent;color:var(--color-muted);cursor:pointer;transition:all .15s}.btn-lang:hover{border-color:var(--color-ocean);color:var(--color-ocean)}@keyframes spin{to{transform:rotate(360deg)}}