/* APS front door — mirrors the APS 2.0 sign-in (boardroom sky, carbon card, lime wordmark) */
:root{--bg:#0d0e10;--card:#16181c;--line:#2a2c31;--text:#e8eaed;--muted:#9aa0a6;--lime:#a4e80c;--amber:#f59e0b;--red:#ef4444}
*{box-sizing:border-box}html,body{margin:0;min-height:100%}
body{background-color:#0d0e10;background-image:linear-gradient(rgba(10,11,13,.50),rgba(10,11,13,.68)),url(/sky-day.jpg);background-position:center;background-size:cover;background-repeat:no-repeat;background-attachment:fixed;color:var(--text);font:14px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}
.wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px 16px}
.card{width:min(380px,92vw);padding:28px 26px;background:rgba(22,24,28,.93);backdrop-filter:blur(3px);border:1px solid var(--line);border-radius:16px}
.card.wide{width:min(560px,94vw)}
.mark{font-weight:800;letter-spacing:.08em;color:var(--lime);font-size:15px;text-align:center}
.sub{color:var(--muted);font-size:12px;text-align:center;margin:6px 0 18px}
h1{font-size:18px;margin:0 0 4px;text-align:center}
label.fld{display:block;font-size:11.5px;color:var(--muted);letter-spacing:.04em;text-transform:uppercase;margin:0 0 5px}
input,select{width:100%;padding:11px 12px;margin-bottom:12px;border-radius:9px;border:1px solid var(--line);background:#101114;color:var(--text);font:inherit}
input:focus,select:focus{outline:2px solid var(--lime);outline-offset:1px;border-color:transparent}
.row{display:grid;grid-template-columns:1fr 1fr;gap:10px}@media(max-width:420px){.row{grid-template-columns:1fr}}
.btn{display:block;width:100%;padding:12px;margin-top:4px;border:0;border-radius:10px;background:var(--lime);color:#111;font-weight:800;font-size:14.5px;cursor:pointer}
.btn.ghost{background:transparent;color:var(--text);border:1px solid var(--line);font-weight:600}.btn:disabled{opacity:.6;cursor:wait}
.msg{font-size:12px;margin-top:10px;text-align:center;min-height:16px}.msg.err{color:var(--red)}.msg.ok{color:var(--lime)}
.links{margin-top:16px;font-size:12.5px;color:var(--muted);text-align:center;line-height:1.9}a{color:var(--lime);text-decoration:none}a:hover{text-decoration:underline}
.steps{display:flex;gap:6px;margin:14px 0 16px}.steps i{flex:1;height:4px;border-radius:2px;background:var(--line)}.steps i.on{background:var(--lime)}
h2{font-size:14px;margin:14px 0 6px;color:var(--muted);letter-spacing:.04em;text-transform:uppercase}
table{width:100%;border-collapse:collapse;font-size:13.5px}td{padding:3px 2px}td input{padding:8px 10px;margin:0}
.add{font-size:12.5px;color:var(--lime);background:none;border:0;cursor:pointer;padding:6px 0}
.hp{position:absolute;left:-9999px;opacity:0;height:0}
.chk{display:flex;align-items:center;gap:8px;font-size:13px;margin-bottom:12px}.chk input{width:auto;margin:0}