:root{--bg:#f5f2ea;--bg-accent:#efe9dd;--paper:#fffdf8;--ink:#2f2b25;--muted:#6c665d;--line:#e3dccf;--accent:#3f6fb6;--accent-deep:#2f578f;--accent-soft:#e8f0ff;--success:#2d7f5e;--warn:#b65a3f}*{box-sizing:border-box}body,html{margin:0;min-height:100%}body{background:radial-gradient(1400px 600px at 0 -5%,#fff7ea 0,transparent 52%),radial-gradient(900px 500px at 105% -20%,#dbe8ff 0,transparent 46%),linear-gradient(180deg,var(--bg),var(--bg-accent));color:var(--ink);font-family:Avenir Next,Trebuchet MS,sans-serif}a{color:inherit}h1,h2,h3{margin:0}main{max-width:820px;margin:0 auto;padding:1rem}.app-header{margin-bottom:.65rem;border-top:4px solid color-mix(in oklab,var(--accent) 30%,transparent)}.app-title{font-size:clamp(1.3rem,4.5vw,1.65rem);letter-spacing:.01em}.app-subtitle{margin:.22rem 0 0}.card{background:color-mix(in oklab,var(--paper) 96%,#fff 4%);border:1px solid var(--line);border-radius:18px;padding:1rem;margin-bottom:.8rem;box-shadow:0 8px 28px rgba(37,34,27,.04)}.row{gap:.6rem}.row,.spread{display:flex;align-items:center}.spread{justify-content:space-between;gap:.8rem}.badge{display:inline-flex;align-items:center;border-radius:999px;padding:.2rem .56rem;font-size:.75rem;background:var(--accent-soft);color:var(--accent-deep)}button,input,select,textarea{font:inherit}.button-link,button{border:0;border-radius:12px;background:linear-gradient(180deg,color-mix(in oklab,var(--accent) 92%,#fff 8%),var(--accent-deep));color:#fff;padding:.56rem .85rem;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease}.button-link:hover,button:hover{transform:translateY(-1px);box-shadow:0 8px 16px rgba(47,87,143,.22)}button:disabled{opacity:.72;cursor:not-allowed;transform:none;box-shadow:none}.button-link.ghost,button.ghost{background:transparent;color:var(--ink);border:1px solid var(--line);box-shadow:none}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:12px;background:#fff;padding:.56rem .6rem}input:focus,select:focus,textarea:focus{outline:2px solid color-mix(in oklab,var(--accent) 30%,transparent);border-color:var(--accent)}.small{color:var(--muted);font-size:.86rem}.stack{display:grid;grid-gap:.65rem;gap:.65rem}.nav-pills{display:flex;gap:.45rem;flex-wrap:wrap}.nav-pill{text-decoration:none;border:1px solid var(--line);color:var(--ink);background:#fff;padding:.42rem .76rem;border-radius:999px;font-size:.9rem}.nav-pill.active{background:var(--accent-soft);border-color:color-mix(in oklab,var(--accent) 36%,var(--line));color:var(--accent-deep);font-weight:600}.login-wrap{display:grid;grid-gap:.8rem;gap:.8rem}.login-hero{background:linear-gradient(148deg,#2f578f,#3f6fb6 55%,#7ea3dd);color:#f4f9ff;border-color:#365b8f}.login-kicker{font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;opacity:.92}.login-title{margin:.3rem 0 0;font-size:clamp(1.45rem,5vw,2rem);line-height:1.15}.login-subtitle{margin:.5rem 0 0;max-width:52ch;opacity:.96}.login-points{margin-top:.72rem;display:flex;gap:.4rem;flex-wrap:wrap}.login-points span{border:1px solid rgba(224,236,255,.64);border-radius:999px;padding:.16rem .45rem;font-size:.75rem}.login-panel{border-top:3px solid color-mix(in oklab,var(--accent) 26%,transparent)}.login-actions{flex-wrap:wrap}.login-actions .button-link,.login-actions button{flex:1 1;min-width:180px}.alert-subtle{padding:.55rem .65rem;border-radius:12px;border:1px solid var(--line);background:#fff}.alert-subtle button{padding:.32rem .55rem;border-radius:999px;font-size:.8rem}.status-ok{color:var(--success)}.status-error{color:var(--warn)}dialog{border:1px solid var(--line);border-radius:18px;padding:0;background:transparent}dialog::-webkit-backdrop{background:rgba(35,33,30,.35)}dialog::backdrop{background:rgba(35,33,30,.35)}@media (min-width:700px){main{padding:1.4rem}.login-wrap{grid-template-columns:1.1fr 1fr}.login-wrap .login-panel{grid-column:2}.login-wrap .login-hero{grid-column:1;grid-row:1/3}}