:root{--canvas:#f8fafc;--surface:#fff;--subtle:#f1f5f9;--pressed:#e2e8f0;--border:#e2e8f0;--ink:#0f172b;--ink-strong:#1d293d;--ink-body:#314158;--ink-muted:#45556c;--ink-faint:#62748e;--brand:#fe9a00;--brand-text:#bb4d00;--brand-tint:#fffbeb;--brand-tint-200:#fee685;--brand-tint-300:#ffd230;--brand-on-tint:#973c00;--accent-orange:#ff6900;--gradient-brand:linear-gradient(90deg, #fe9a00, #ff6900, #ff2056);--gradient-community:linear-gradient(90deg, #096, #009689);--button-from:#bb4d00;--button-to:#ca3500;--button-from-hover:#973c00;--button-to-hover:#9f2d00;--success-on-tint:#006045;--success-soft:#ecfdf5;--success-border:#a4f4cf;--danger:#ec003f;--danger-soft:#fff1f2;--danger-border:#ffccd3;--radius-sm:12px;--radius-md:16px;--radius-lg:24px;--shadow:15 23 43;--content:480px}*{box-sizing:border-box}html{background:var(--canvas);-webkit-text-size-adjust:100%;min-height:100%}body{background:var(--canvas);min-height:100vh;color:var(--ink);margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.375}h1,p{margin:0}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #e1710073}.site-shell{grid-template-rows:auto 1fr auto;min-height:100vh;display:grid}.topbar{min-height:64px;padding:10px max(16px, calc((100% - var(--content)) / 2));border-bottom:1px solid var(--border);background:var(--surface);justify-content:space-between;align-items:center;gap:12px;display:flex}.page,.footer{width:min(var(--content), calc(100% - 32px));margin-inline:auto}.brand{color:var(--ink);align-items:center;gap:10px;display:inline-flex}.brand-mark{background:var(--brand) url(/logo.png) center / cover no-repeat;width:36px;height:36px;box-shadow:0 1px 3px rgb(var(--shadow) / 10%);border-radius:10px;flex:none}.brand-label{letter-spacing:-.03em;text-transform:lowercase;font-size:22px;font-weight:900;line-height:1}.language-switcher{border-radius:var(--radius-sm);background:var(--subtle);gap:2px;padding:3px;display:flex}.language-button{min-width:44px;min-height:40px;color:var(--ink-muted);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:10px;padding:0 12px;font-size:13px;font-weight:700}.language-button:hover{background:var(--pressed)}.language-button[aria-pressed=true]{border-color:var(--brand-tint-300);background:var(--surface);color:var(--brand-text);box-shadow:0 1px 2px rgb(var(--shadow) / 8%)}.page{align-items:start;padding-block:clamp(24px,7vh,64px);display:grid}.status-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:0 4px 6px rgb(var(--shadow) / 8%), 0 1px 3px rgb(var(--shadow) / 6%);padding:32px 24px 24px;position:relative;overflow:hidden}.status-card:before{content:"";background:var(--gradient-brand);height:4px;position:absolute;inset:0 0 auto}.status-card[data-status=success]:before{background:var(--gradient-community)}.status-card[data-status=error]:before{background:var(--danger)}.status-icon{border:1px solid var(--brand-tint-200);border-radius:var(--radius-md);background:var(--brand-tint);width:52px;height:52px;color:var(--brand-on-tint);place-items:center;margin-bottom:20px;font-size:26px;font-weight:800;line-height:1;display:grid}[data-status=success] .status-icon{border-color:var(--success-border);background:var(--success-soft);color:var(--success-on-tint)}[data-status=error] .status-icon{border-color:var(--danger-border);background:var(--danger-soft);color:var(--danger)}.eyebrow{color:var(--ink-faint);letter-spacing:.1em;text-transform:uppercase;margin:0 0 8px;font-size:12px;font-weight:800;line-height:16px}.status-card h1{color:var(--ink);letter-spacing:-.02em;margin:0;font-size:24px;font-weight:800;line-height:1.25}.body-copy{color:var(--ink-muted);margin:12px 0 0;font-size:16px;line-height:1.5}.action-row{flex-direction:column;align-items:stretch;gap:12px;margin-top:24px;display:flex}.primary-action,.secondary-action{border-radius:var(--radius-sm);cursor:pointer;text-align:center;justify-content:center;align-items:center;min-height:48px;padding:0 20px;font-size:16px;font-weight:700;text-decoration:none;display:inline-flex}.primary-action{background:linear-gradient(90deg, var(--button-from), var(--button-to));color:#fff;box-shadow:0 6px 16px #ca350038, 0 1px 3px rgb(var(--shadow) / 10%);border:0}.primary-action:hover{background:linear-gradient(90deg, var(--button-from-hover), var(--button-to-hover))}.secondary-action{border:1px solid var(--border);background:var(--subtle);color:var(--ink-strong)}.secondary-action:hover{background:var(--pressed)}.primary-action:disabled,.secondary-action:disabled{cursor:not-allowed;opacity:.5}.recovery-form{gap:8px;margin-top:24px;display:grid}.recovery-form label{color:var(--ink-body);margin-top:8px;font-size:14px;font-weight:700}.recovery-form input,.recovery-form select{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--subtle);width:100%;min-height:48px;color:var(--ink);padding:10px 14px;font-size:16px}.recovery-form input:focus,.recovery-form select:focus{border-color:var(--accent-orange);background:var(--surface);outline:3px solid #ff69002e}.recovery-form .primary-action{margin-top:8px}.form-error{border:1px solid var(--danger-border);border-radius:var(--radius-sm);background:var(--surface);color:var(--danger);margin:16px 0 0;padding:10px 14px;font-size:14px;font-weight:700;line-height:1.45}.action-note{color:var(--ink-muted);text-align:center;margin:0;font-size:13px;line-height:1.5}.support-note{border-top:1px solid var(--border);margin-top:20px;padding-top:16px;font-size:15px;line-height:1.5}.support-note a{color:var(--brand-text);text-underline-offset:3px;padding-block:11px;font-weight:700;text-decoration:underline;text-decoration-thickness:2px;display:inline-block}.support-note a:hover{color:var(--ink)}.footer{color:var(--ink-faint);text-align:center;padding-block:8px 32px;font-size:12px;line-height:1.5}.is-hidden{display:none!important}@media (min-width:561px){.status-card{padding:40px 32px 28px}.status-card h1{font-size:28px}}@media (max-width:560px){.topbar{flex-wrap:wrap;padding-block:12px}.language-switcher{width:100%}.language-button{flex:1;padding-inline:6px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}
