.phone-login-btn{border:1px solid var(--border-accent);background:var(--surface2);width:100%;color:var(--text);border-radius:var(--radius-sm);cursor:pointer;justify-content:center;align-items:center;gap:10px;padding:12px 16px;font-size:.92rem;font-weight:500;transition:all .2s;display:flex}.phone-login-btn:hover{border-color:var(--gold-dim);background:var(--surface3)}.phone-login-btn-icon{color:var(--gold);display:inline-flex}.phone-login-form{flex-direction:column;gap:10px;display:flex}.phone-login-form label{color:var(--text-soft);font-size:.82rem;font-weight:500}.phone-login-form input{box-sizing:border-box;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface2);width:100%;color:var(--text);padding:10px 14px;font-size:.95rem;transition:border-color .25s}.phone-login-form input:focus{border-color:var(--gold-dim);box-shadow:0 0 0 2px var(--gold-glow);outline:none}.phone-login-form input::placeholder{color:var(--text-dim,#5a5347)}.phone-login-form button[type=submit]{border-radius:var(--radius-sm);background:linear-gradient(135deg, var(--gold), var(--gold-dim));color:#0c0a12;cursor:pointer;border:none;padding:12px 16px;font-size:.92rem;font-weight:600;transition:all .2s}.phone-login-form button[type=submit]:hover:not(:disabled){filter:brightness(1.1)}.phone-login-form button[type=submit]:disabled{opacity:.6;cursor:not-allowed}.phone-login-sent{color:var(--text-soft);margin:0;font-size:.82rem}.phone-login-error{color:#ef4444;margin:4px 0 0;font-size:.82rem}.phone-login-aux{justify-content:space-between;gap:8px;font-size:.8rem;display:flex}.phone-login-aux button{color:var(--text-soft);cursor:pointer;text-underline-offset:2px;background:0 0;border:none;padding:0;text-decoration:underline}.phone-login-aux button:disabled{opacity:.5;cursor:not-allowed;text-decoration:none}.phone-login-form input:-webkit-autofill{-webkit-text-fill-color:var(--text);-webkit-box-shadow:0 0 0 1000px var(--surface2) inset;caret-color:var(--text);transition:background-color 9999s ease-out}.phone-login-form input:-webkit-autofill:hover{-webkit-text-fill-color:var(--text);-webkit-box-shadow:0 0 0 1000px var(--surface2) inset;caret-color:var(--text);transition:background-color 9999s ease-out}.phone-login-form input:-webkit-autofill:focus{-webkit-text-fill-color:var(--text);-webkit-box-shadow:0 0 0 1000px var(--surface2) inset;caret-color:var(--text);transition:background-color 9999s ease-out}