.account-page{background:radial-gradient(ellipse at 20% 10%, color-mix(in srgb, var(--accent-strong) 14%, var(--surface)) 0, transparent 50%), var(--bg);flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;padding:32px 20px;display:flex}.account-back{color:var(--muted);align-self:flex-start;align-items:center;gap:8px;text-decoration:none;display:flex;position:absolute;top:28px;left:28px}.account-card{width:min(100%,460px);padding:40px!important}.account-logo{background:color-mix(in srgb, var(--accent-strong) 20%, transparent);width:56px;height:56px;color:var(--accent);border:1px solid color-mix(in srgb, var(--accent-strong) 40%, transparent);border-radius:17px;place-items:center;margin-bottom:24px;display:grid}.account-card h1{font-size:var(--text-2xl);margin:12px 0;line-height:1.2}.account-form{gap:18px;margin-top:28px;display:grid}.account-form .field{gap:8px;display:grid}.account-form input{box-sizing:border-box;width:100%}.account-form .button,.account-google{justify-content:center;width:100%}.account-google{margin-top:12px}.account-options{flex-wrap:wrap;justify-content:space-between;margin-top:12px;display:flex}.account-options .button{font-size:var(--text-xs);padding-inline:0}.account-note{color:var(--muted);font-size:var(--text-xs);justify-content:center;align-items:center;gap:8px;margin-top:26px;display:flex}.account-card .alert{margin-top:16px}@media (max-width:500px){.account-card{padding:28px 22px!important}.account-back{align-self:flex-start;margin-bottom:32px;position:static}.account-page{justify-content:flex-start}.account-note{align-items:flex-start;line-height:1.6}}