body.auth{--accent:#007176;--bar:#0b2c55;--text:#1b3048;--muted:#496078;--border:#cadbe8;background:#f3f8fc;color:var(--text);font-size:16px;padding:32px 20px;line-height:1.8}
.auth-box{max-width:440px;min-width:0}.auth-logo{width:min(270px,80vw);margin:0 auto 28px;line-height:0}.auth-logo a,.auth-logo img{display:block;width:100%;height:auto}.auth-box .panel{border:1px solid var(--border);border-radius:12px;box-shadow:0 6px 24px rgb(11 44 85 / 5%);padding:26px}.auth-box>.button{margin-bottom:10px}.auth-box input{min-height:46px;border-radius:6px}.auth-box .button{min-height:46px;border-radius:6px}.auth-box .button-primary{background:#007176;border-color:#007176;color:#fff}.auth-box .button-primary:hover{background:#006469;border-color:#006469}.auth-box .button:disabled{opacity:1;color:#496078;background:#edf3f8;border-color:#b8ccdc;cursor:not-allowed}.auth-box .auth-note{font-size:14px;line-height:1.8}.auth-box a{color:#006469}.auth-box .button-google{color:#0b2c55}.auth-box :focus-visible{outline:3px solid #007176;outline-offset:3px}
@media(max-width:480px){body.auth{padding:24px 16px}.auth-box .panel{padding:22px}.auth-logo{width:235px}.auth-box .auth-note{font-size:13px}}