@import url("theme.css");

/* === GWEALTH — auth pages === */
body{padding-bottom:0}
.home-link{font-size:12px;color:var(--muted);font-weight:600;padding:8px 14px;border:1px solid var(--line);border-radius:999px;transition:color .2s,border-color .2s}
.home-link:hover{color:var(--gold);border-color:var(--gold)}
.auth-page{display:grid;place-items:center;min-height:calc(100vh - 61px);padding:28px 16px}
.auth-panel{
  width:min(100%,430px);background:var(--panel);border:1px solid var(--line);
  border-radius:20px;padding:34px;box-shadow:var(--shadow);
  animation:authIn .45s ease;
}
@keyframes authIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.eyebrow{font-size:10px;font-weight:800;letter-spacing:1.6px;color:var(--green);margin-bottom:10px}
.auth-panel h1{font-size:26px;font-weight:800;line-height:1.25;color:var(--text)}
.intro{font-size:13px;color:var(--muted);margin-top:8px}
.auth-panel form{margin-top:20px}
.auth-panel .btn{margin-top:18px}
.google-auth-button{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:46px;margin-top:12px;border:1px solid var(--line);border-radius:12px;background:var(--panel2);color:var(--text);font-family:inherit;font-size:13px;font-weight:700;cursor:pointer}
.google-auth-button[hidden]{display:none}
.google-auth-button:hover{border-color:var(--gold);background:var(--panel)}
.google-auth-button:disabled{opacity:.55;cursor:wait}
.google-auth-mark{display:grid;width:23px;height:23px;place-items:center;border-radius:50%;background:#fff;color:#4285f4;font:800 15px Arial,sans-serif}
.auth-panel .btn:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}
.password-control{position:relative}
.password-control input{padding-right:48px}
.password-requirements{display:grid;gap:7px;margin:10px 0 16px;padding:0;list-style:none}
.password-requirements li{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:11px;line-height:1.35}
.password-requirements li::before{content:"";position:absolute}
.password-requirements .requirement-mark{display:grid;flex:0 0 17px;width:17px;height:17px;place-items:center;border:1px solid var(--line);border-radius:50%;color:transparent;font-size:11px;font-weight:800}
.password-requirements li.is-met{color:var(--green)}
.password-requirements li.is-met .requirement-mark{border-color:var(--green);background:color-mix(in srgb,var(--green) 14%,transparent);color:var(--green)}
.password-requirements li.is-met .requirement-mark::after{content:"✓"}
.password-toggle{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:36px;height:36px;display:grid;place-items:center;border:0;border-radius:8px;background:transparent;color:var(--muted);cursor:pointer}
.password-toggle:hover{color:var(--gold);background:var(--panel2)}
.password-toggle svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.forgot-link{display:block;margin-top:10px;text-align:right;color:var(--gold);font-size:12px;font-weight:700}
.support-email{display:inline-block;margin-top:12px;color:var(--gold);font-size:12px;font-weight:700}
.support-email[hidden]{display:none}
.message{min-height:18px;margin-top:12px;font-size:12px;font-weight:600;color:var(--error)}
.switch{text-align:center;font-size:12px;color:var(--muted);margin-top:22px}
.switch a{color:var(--gold);font-weight:700}
@media(max-width:420px){.auth-panel{padding:26px 20px}.auth-panel h1{font-size:22px}}