:root{--aprico-brand-apricot:#ff8a3d;--aprico-brand-apricot-hover:#f97316;--aprico-brand-peach:#ffc5a3;--aprico-brand-cream:#fff6eb;--aprico-brand-terracotta:#e86b44;--aprico-neutral-slate:#1f2937;--aprico-neutral-stone:#475569;--aprico-neutral-mist:#e5e7eb;--aprico-neutral-cloud:#f6f7f9;--aprico-neutral-white:#fff;--aprico-success:#16a34a;--aprico-success-bg:#dcfce7;--aprico-warning:#f59e0b;--aprico-warning-bg:#fef3c7;--aprico-danger:#ef4444;--aprico-danger-bg:#fee2e2;--aprico-info:#3b82f6;--aprico-info-bg:#dbeafe;--aprico-page-bg:#fff9f2;--aprico-card-bg:#fff;--aprico-border-subtle:#f2e6d6;--aprico-focus-ring:#ff8a3d59}body{box-sizing:border-box;background-color:var(--aprico-page-bg);min-height:100vh;color:var(--aprico-neutral-slate);flex-direction:column;justify-content:center;margin:0;padding:32px 16px;font-family:Inter,Avenir Next,Segoe UI,system-ui,-apple-system,Roboto,sans-serif;display:flex}.card{box-sizing:border-box;background-color:var(--aprico-card-bg);border:1px solid var(--aprico-neutral-mist);border-radius:16px;width:100%;max-width:420px;margin:0 auto;padding:40px 32px;box-shadow:0 12px 32px #1f293714}h1{margin:0 0 24px;font-size:22px}.brand{justify-content:center;align-items:center;gap:10px;margin:0 0 32px;font-size:26px;font-weight:700;display:flex}.brand+h1{text-align:center}h2{margin:24px 0 12px;font-size:16px}label{margin-bottom:16px;font-size:14px;font-weight:600;display:block}input{box-sizing:border-box;border:1px solid var(--aprico-neutral-stone);width:100%;height:42px;font:inherit;border-radius:8px;margin-top:6px;padding:0 12px;font-size:15px;font-weight:400;display:block}input:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--aprico-brand-terracotta);outline-offset:1px}input:focus-visible{outline-offset:0;box-shadow:0 0 0 5px var(--aprico-focus-ring)}button,a.button{background-color:var(--aprico-brand-apricot);color:var(--aprico-neutral-slate);font:inherit;cursor:pointer;border:0;border-radius:8px;padding:11px 18px;font-size:15px;font-weight:600}form>button[type=submit]{width:100%;margin-top:8px}form>button[type=submit]+a{text-align:center;margin-top:16px;font-size:14px;display:block}button:hover{background-color:var(--aprico-brand-apricot-hover)}a.button{box-sizing:border-box;text-align:center;margin-top:12px;text-decoration:none;display:block}button.secondary,a.button.secondary{border:1px solid var(--aprico-neutral-mist);background-color:var(--aprico-neutral-white)}button.secondary:hover,a.button.secondary:hover{background-color:var(--aprico-neutral-cloud)}.actions{flex-wrap:wrap;gap:8px;display:flex}a{color:var(--aprico-neutral-slate)}.error{background-color:var(--aprico-danger-bg);color:#b91c1c;border-radius:8px;padding:8px 12px}.modules{margin:0 0 24px;padding-left:20px;line-height:1.8}.notice{background-color:var(--aprico-success-bg);color:#15803d;border-radius:8px;padding:8px 12px}.hint{color:var(--aprico-neutral-stone);font-size:13px}button:disabled{opacity:.5;cursor:not-allowed}.password-field{display:flow-root;position:relative}.password-field input{padding-right:40px}.password-toggle{height:42px;color:var(--aprico-neutral-stone);background-color:#0000;align-items:center;padding:0 12px;display:flex;position:absolute;bottom:16px;right:0}.password-toggle:hover{color:var(--aprico-neutral-slate);background-color:#0000}.password-row{position:relative}.password-row>a{font-size:13px;position:absolute;top:0;right:0}.card:has(>.landing){max-width:1100px;box-shadow:none;background-color:#0000;border:0}.landing{flex-wrap:wrap;align-items:center;gap:48px;display:flex}.landing>div{flex:360px}.landing h1{color:#ea580c;margin-bottom:48px;font-size:clamp(28px,4vw,44px);line-height:1.2}.landing blockquote{margin:0 0 48px;font-size:18px;font-weight:700;line-height:1.35}.landing blockquote footer{margin-left:8px;font-size:16px}.landing img{flex:0 420px;max-width:100%;height:auto}.pill{background-color:var(--aprico-brand-apricot);border-radius:999px;padding:12px 36px;font-size:18px;font-weight:700;text-decoration:none;display:inline-block}.pill:hover{background-color:var(--aprico-brand-apricot-hover)}
