*{box-sizing:border-box}body{margin:0;background:#f8f7f4;color:#292c30;font:14px/1.6 system-ui,-apple-system,sans-serif}.auth{width:min(100% - 36px,460px);margin:50px auto;background:#fffefc;border:1px solid #e9e7e3;border-radius:24px;padding:38px;box-shadow:0 12px 60px #292c3008}.brand{display:block;color:#292c30;text-decoration:none;font-weight:750;font-size:30px;letter-spacing:-1.5px;margin-bottom:35px}.eyebrow{font-size:10px;letter-spacing:2px;color:#8d8e89}h1{font-size:36px;line-height:1.15;letter-spacing:-1.4px;margin:15px 0}h2{font-size:17px;margin-top:30px}p{color:#858780;margin:12px 0 20px}label{display:block;font-size:12px;font-weight:600;margin:17px 0 7px}input{width:100%;font:inherit;color:#292c30;border:1px solid #deded9;border-radius:9px;padding:12px;background:white}.check{display:flex;gap:10px;align-items:flex-start;font-weight:450}.check input{width:17px;height:17px;margin-top:3px}.small{font-size:11px;line-height:1.7}button,.button{font:inherit;cursor:pointer;border-radius:9px;padding:12px 16px;border:1px solid #deded9;background:#fff;color:#292c30;text-decoration:none;display:inline-block;font-size:12px}.primary{width:100%;margin-top:12px;background:#292c30;color:white;border-color:#292c30}.secondary{margin:4px 0}.primary:hover{background:#41464c}a{color:#4c6d9d}input:focus,button:focus-visible{outline:2px solid #afc2dc;outline-offset:2px}.error,.success{padding:12px 15px;border:1px solid #e8cec4;border-radius:9px;background:#fff1ea;color:#9b5847;font-size:12px}.success{border-color:#d9e4d9;background:#edf3ed;color:#547558}footer{font-size:10px;text-align:center;color:#a1a19b;margin-top:33px}.back{font-size:12px}.device{display:flex;gap:15px;justify-content:space-between;align-items:center;padding:15px 0;border-bottom:1px solid #eeece7}.device small{display:block;color:#92938d;font-size:10px;margin-top:4px}.danger{color:#a75d4f}hr{border:0;border-top:1px solid #eeece7;margin:27px 0}.option{padding:17px;border:1px solid #e4e4df;border-radius:11px;margin:15px 0}.option h2{margin:0;font-size:15px}.option p{margin:7px 0;font-size:12px}#welcomeStatus{font-size:12px;color:#a75d4f;white-space:pre-wrap}@media(max-width:550px){.auth{margin:20px auto;padding:28px 23px;border-radius:20px}h1{font-size:32px}}

/* Login background v1.0.1 — charcoal architectural detail. */
body.login-page{min-height:100vh;min-height:100svh;display:flex;align-items:center;justify-content:center;padding:40px 24px;position:relative;isolation:isolate;background:#171d22;overflow-x:hidden}
body.login-page::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:#171d22 url('/login-background.svg?v=1.0.1') center center/cover no-repeat}
.login-page .auth{width:min(100%,440px);margin:0;padding:36px 38px 30px;border-radius:22px;border:1px solid #ffffff96;background:linear-gradient(145deg,#fffefc,#f7f7f4);box-shadow:0 32px 100px #00000052,0 8px 24px #0000001f,inset 0 1px 0 #fff}
.login-page .brand{margin-bottom:32px;color:#24292d;letter-spacing:-1.4px}
.login-page h1{font-size:34px;line-height:1.13;letter-spacing:-1.4px;font-weight:680}
.login-page .eyebrow{color:#8b9296;letter-spacing:2.2px}
.login-page input:not([type=checkbox]){background:#ffffffc9;border-color:#dce0e1;box-shadow:0 1px 2px #121a2003;transition:border-color .15s,box-shadow .15s}
.login-page input:not([type=checkbox]):hover{border-color:#bec6cb}
.login-page input:focus{outline:2px solid #a8bbc9;outline-offset:2px;border-color:#9eafbd}
.login-page .primary{background:linear-gradient(125deg,#293238,#1c2429);border:1px solid #273038;box-shadow:0 3px 8px #15222c12;padding:13px 16px}
.login-page .primary:hover{background:linear-gradient(125deg,#35414a,#29343d)}
.login-page .small{color:#7b8387}.login-page footer{border-top:1px solid #e7e8e5;padding-top:19px;margin-top:25px;color:#8c9496}
@media(max-width:550px){body.login-page{padding:26px 18px}.login-page .auth{padding:29px 25px 25px;border-radius:20px}.login-page h1{font-size:32px}.login-page .brand{margin-bottom:28px}body.login-page::before{background-position:38% center}}
@media(prefers-reduced-motion:reduce){.login-page input{transition:none}}

/* Pocket charcoal checkbox v1.0.3 */
.login-page .check input[type="checkbox"]{accent-color:#293238;cursor:pointer}
.login-page .check input[type="checkbox"]:focus-visible{outline:2px solid #74838d;outline-offset:3px}