:root{color-scheme:dark;--ink:#f7f3e9;--muted:#aeb9b4;--green:#183f37;--coral:#e57852;--line:#35564f}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif}.auth-body{min-height:100vh;background:radial-gradient(circle at 80% 10%,#37675c 0,transparent 37%),linear-gradient(145deg,#0b2521,#183f37 62%,#0c2722);color:var(--ink);display:grid;place-items:center;padding:32px}.auth-shell{width:min(100%,470px)}.auth-brand{display:inline-block;color:#fff;text-decoration:none;font:700 23px Georgia,serif;letter-spacing:.13em;margin:0 0 22px}.auth-brand span{color:var(--coral)}.auth-card{background:#f8f4e9;color:#16352f;border-radius:22px;padding:38px;box-shadow:0 30px 90px #001b164d}.auth-kicker{text-transform:uppercase;letter-spacing:.16em;color:#b35b3f;font-weight:700;font-size:11px;margin:0 0 12px}.auth-card h1{font:400 43px/1 Georgia,serif;letter-spacing:-.04em;margin:0}.auth-lead{color:#63716c;line-height:1.5;margin:16px 0 24px}.auth-error{background:#ffe5dc;color:#8a321b;padding:12px;border-radius:10px;margin-bottom:18px;font-size:13px}.auth-form{display:grid;gap:14px}.auth-form label{display:grid;gap:6px;color:#53635d;font-size:12px;font-weight:700}.auth-form input{width:100%;border:1px solid #ccd3ce;border-radius:10px;background:#fff;padding:13px 14px;font:15px Arial;color:#17352f;outline:none}.auth-form input:focus{border-color:#d66e4b;box-shadow:0 0 0 3px #d66e4b22}.auth-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.auth-form button{border:0;border-radius:999px;background:#1b4a40;color:#fff;padding:14px 20px;font-weight:700;margin-top:5px;cursor:pointer}.auth-switch{text-align:center;font-size:13px;color:#68736f;margin:20px 0 0}.auth-switch a{color:#b45135;font-weight:700}.auth-note{text-align:center;color:#9eb0aa;font-size:11px;line-height:1.5;margin:18px auto 0;max-width:400px}@media(max-width:520px){.auth-card{padding:28px 22px}.auth-two{grid-template-columns:1fr}.auth-card h1{font-size:36px}}
.google-phone{display:grid;gap:6px;color:#53635d;font-size:12px;font-weight:700;margin-bottom:10px}.google-phone input{width:100%;border:1px solid #ccd3ce;border-radius:10px;background:#fff;padding:12px 14px;color:#17352f}.google-error{color:#a33b23;font-size:12px;min-height:16px}.auth-divider{display:flex;align-items:center;gap:10px;color:#8b9691;font-size:11px;margin:18px 0}.auth-divider:before,.auth-divider:after{content:"";height:1px;background:#d7d9d3;flex:1}