:root{font-family:Inter,system-ui,-apple-system,sans-serif;background:linear-gradient(180deg,#fbfdff,#f4f9ff);color:#071733}*{box-sizing:border-box}body{margin:0;min-height:100vh;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}main{max-width:520px;margin:auto;padding:30px 18px 80px}.logo-brand{display:inline-block}.logo-brand img{width:156px}.card{margin-top:26px;background:#fff;border:1px solid #dbe6f3;border-radius:28px;padding:26px;box-shadow:0 24px 70px rgba(23,69,125,.09)}.eyebrow{font-size:12px;font-weight:850;letter-spacing:.14em;color:#1681ff}h1{font-size:36px;line-height:1.02;letter-spacing:-.04em;margin:9px 0 13px}.sub{color:#68758c;line-height:1.5}.card label{display:block;font-weight:800;margin:22px 0 8px}.card input{width:100%;font-size:18px;padding:15px;border:1px solid #cfdbea;border-radius:15px;outline:none}.card input:focus{border-color:#248cff;box-shadow:0 0 0 4px #e9f4ff}.card button,.button{display:block;width:100%;border:0;border-radius:15px;padding:15px;margin-top:14px;background:linear-gradient(135deg,#0875ff,#10bcec);color:#fff;font-weight:800;text-align:center;text-decoration:none;font-size:16px}.secondary{background:#eff4fa!important;color:#071733!important}.success-mark{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#e8f8ef;color:#0a9c59;font-size:28px;font-weight:900}.login-help{margin-top:22px;padding-top:18px;border-top:1px solid #e5edf6;display:flex;flex-direction:column;gap:7px;color:#77839a;font-size:12px}.login-help a{color:#0875ff;font-weight:800;text-decoration:none}#msg{min-height:24px;color:#b42318}.ready-note{background:#f3f8ff;border-radius:14px;padding:12px;color:#50607a;font-size:12px}@media(max-width:390px){main{padding:22px 14px 60px}.card{padding:20px;border-radius:22px}h1{font-size:31px}.logo-brand img{width:140px}}
/* SYNXRO HF2.3 PHONE + PASSWORD OPTION */
.auth-method-tabs{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:14px 0 12px;padding:5px;background:#f2f7fc;border:1px solid #dce7f3;border-radius:15px}
.auth-method-tabs .auth-method{margin:0!important;min-height:40px;padding:9px 10px;border:1px solid transparent!important;background:transparent!important;color:#516079!important;box-shadow:none!important;border-radius:11px!important;font-size:12px;font-weight:850}
.auth-method-tabs .auth-method.active{background:#fff!important;color:#0875ff!important;border-color:#d7e8fb!important;box-shadow:0 5px 16px rgba(20,65,120,.07)!important}
.password-wrap{display:grid;grid-template-columns:1fr auto;gap:7px;align-items:center}
.password-wrap input{min-width:0}
.password-toggle{margin:0!important;width:auto!important;min-width:62px!important;padding:10px!important;background:#eef6ff!important;color:#0a6ed4!important;border:1px solid #d5e8fb!important}
.method-note{font-size:11px;line-height:1.45;color:#77859a;margin:9px 2px 0}