:root{--ink:#0d0f13;--muted:#5b6370;--line:#e4e6ea;--bg:#fff;--page:#0d0f13;--soft:#f5f6f8;--orange:#ff8a1f;--orange-ink:#a85300;--orange-soft:#fff3e8;--red:#a8281f;--red-soft:#fdf0ee;--radius:8px;font-family:"IBM Plex Sans",system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);font-size:15px;font-synthesis:none}
*{box-sizing:border-box}
html,body{margin:0;height:100%;overflow:hidden;overscroll-behavior:none;background:var(--page)}
.login-scroll{height:100dvh;overflow-y:auto;overscroll-behavior:contain;display:flex;padding:24px 16px}
.login{margin:auto;width:100%;max-width:400px;background:var(--bg);border:1px solid #1f232b;border-radius:12px;overflow:hidden;box-shadow:0 20px 50px rgba(0,0,0,.35)}
.band{display:flex;align-items:center;gap:12px;background:var(--page);padding:18px 28px;border-bottom:3px solid var(--orange)}
.shield{width:34px;height:34px;flex:none}
.brand{margin:0;display:flex;flex-direction:column;line-height:1.15}
.brand span{color:#fff;font-weight:700;font-size:15px;letter-spacing:.14em}
.brand small{color:#9aa1ad;font-size:12px;letter-spacing:.04em;margin-top:2px}
.inner{padding:26px 28px 28px}
h1{margin:0;font-size:24px;line-height:1.2;letter-spacing:-.01em;text-wrap:balance}
.lead{margin:6px 0 24px;color:var(--muted);line-height:1.45;text-wrap:pretty}
form{display:grid;gap:18px}
fieldset{margin:0;padding:0;border:0;min-width:0}
legend{padding:0;margin-bottom:8px;font-size:13px;font-weight:600}
.seg-track{display:grid;grid-template-columns:1fr 1fr;background:var(--soft);border:1px solid var(--line);border-radius:var(--radius);padding:3px}
.segmented label,.people label{position:relative;display:block;cursor:pointer}
.segmented input,.people input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.segmented span{display:block;text-align:center;padding:9px 8px;border-radius:6px;font-weight:600;color:var(--muted);min-height:40px;line-height:22px}
.segmented input:checked+span{background:var(--ink);color:#fff;box-shadow:inset 0 -2px 0 var(--orange)}
.people-options{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.people span{display:block;text-align:center;padding:10px 6px;border:1px solid var(--line);border-radius:var(--radius);font-weight:500;min-height:44px;line-height:22px}
.people input:checked+span{border-color:var(--orange);background:var(--orange-soft);color:var(--ink);font-weight:600}
.segmented input:focus-visible+span,.people input:focus-visible+span{outline:2px solid var(--orange);outline-offset:2px}
.notar-hint{margin:0;padding:12px 14px;background:var(--soft);border-left:3px solid var(--orange);border-radius:var(--radius);color:var(--muted);line-height:1.45;font-size:14px}
.field{display:grid;gap:8px}
.field>span:first-child{font-size:13px;font-weight:600}
.password-wrap{display:flex;border:1px solid #cfd5dc;border-radius:var(--radius);background:var(--bg)}
.password-wrap:focus-within{border-color:var(--orange);box-shadow:0 0 0 3px var(--orange-soft)}
.password-wrap input{flex:1;min-width:0;border:0;background:transparent;padding:11px 12px;font:inherit;font-size:16px;color:var(--ink);outline:none}
.password-wrap button{border:0;background:transparent;color:var(--orange-ink);font:inherit;font-size:13px;font-weight:600;padding:0 12px;cursor:pointer;min-height:44px}
.error{margin:0;padding:10px 12px;border-radius:var(--radius);background:var(--red-soft);color:var(--red);font-size:14px;line-height:1.4}
.primary{border:0;border-radius:var(--radius);background:var(--orange);color:var(--ink);font:inherit;font-weight:700;padding:12px;min-height:46px;cursor:pointer}
.primary:hover{background:#ff9a3d}
.primary:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.primary[disabled]{opacity:.6;cursor:progress}
[hidden]{display:none!important}
@media (max-width:420px){.login-scroll{padding:16px 12px}.band{padding:16px 20px}.inner{padding:22px 20px 24px}}
@media (prefers-reduced-motion:no-preference){.segmented span,.people span,.primary{transition:background .15s,color .15s,border-color .15s}}