/* Login, sign-up, legal and API pages (order Z33). Same palette and fonts as the app (app.css). */
@font-face{font-family:Inter;font-weight:400;src:url(fonts/inter-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:Inter;font-weight:600;src:url(fonts/inter-latin-600-normal.woff2) format("woff2")}
:root{--page:#01040e;--ink:#020c19;--line:#183b5e;--line2:#1d4a78;--text:#e6eefa;--dim:#9db0c8;--blue:#4aa9ff;--gold:#e9b45a;--green:#3ddc97;--red:#ff6b70}
*{box-sizing:border-box;margin:0}
html,body{min-height:100%;background:var(--page);color:var(--text);font:400 15px/1.55 Inter,system-ui,sans-serif}
a{color:var(--blue)}
.wrap{max-width:440px;margin:0 auto;padding:32px 16px 48px}
.wide{max-width:820px}
.brand{display:flex;align-items:center;gap:14px;margin-bottom:22px}
.brand img{height:44px;width:auto}
.brand b{font:600 18px Inter;letter-spacing:2px}.brand span{display:block;font-size:11px;color:var(--dim);letter-spacing:1.5px}
.card{border:1px solid var(--line2);border-radius:12px;background:linear-gradient(180deg,#021223,#020b19);padding:22px}
.tabs{display:flex;gap:4px;margin-bottom:18px;border-bottom:1px solid var(--line)}
.tabs button{flex:1;padding:10px 6px;color:var(--dim);background:none;border:0;border-bottom:2px solid transparent;cursor:pointer;font:inherit}
.tabs button.on{color:#fff;border-bottom-color:var(--blue)}
label{display:block;margin:12px 0 4px;font-size:13px;color:var(--dim)}
input[type=email],input[type=password],input[type=text]{width:100%;padding:11px 12px;border-radius:7px;border:1px solid var(--line2);background:#010a16;color:var(--text);font:inherit;font-size:16px}
input:focus{outline:2px solid var(--blue);outline-offset:1px}
.check{display:flex;gap:10px;align-items:flex-start;margin:14px 0;font-size:13.5px;color:var(--text)}
.check input{margin-top:4px;width:18px;height:18px;flex:none}
.btn{display:block;width:100%;margin-top:16px;padding:12px;border-radius:8px;border:1px solid #2b73c4;background:#0b3a74;color:#fff;font:600 15px Inter;cursor:pointer}
.btn:hover{background:#0f4a92}.btn:disabled{opacity:.5;cursor:wait}
.link{background:none;border:0;color:var(--blue);cursor:pointer;font:inherit;padding:0;text-decoration:underline}
.msg{margin-top:14px;padding:10px 12px;border-radius:7px;font-size:13.5px;border:1px solid var(--line2)}
.msg.err{border-color:#8a2f33;background:#2a0d10;color:#ffd5d6}.msg.ok{border-color:#1f6d4c;background:#08241a;color:#c9f5df}
.hint{font-size:12.5px;color:var(--dim);margin-top:6px}
.foot{margin-top:22px;text-align:center;font-size:12.5px;color:var(--dim)}.foot a{margin:0 8px}
.draft{border:1px solid var(--gold);border-radius:8px;padding:10px 14px;color:var(--gold);margin-bottom:18px;font-size:13.5px}
.legal h1{font:600 26px Inter;margin:6px 0 4px}.legal h2{font:600 17px Inter;margin:22px 0 6px}.legal p,.legal li{color:#d3deee;margin:6px 0}.legal ul{padding-left:22px}
.lang{float:right;font-size:13px}
pre,code{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:13px}
pre{background:#010a16;border:1px solid var(--line);border-radius:8px;padding:12px;overflow:auto;margin:8px 0}
table{border-collapse:collapse;width:100%;font-size:13.5px;margin:8px 0}th,td{text-align:left;padding:6px 8px;border-bottom:1px solid #0f2f52}th{color:var(--dim);font-weight:400}
[hidden]{display:none!important}