.account-main{padding:40px 0 80px}.account-intro{margin-bottom:32px}.account-intro h1{font-size:clamp(30px,5vw,48px);line-height:1.2;margin:18px 0}.account-intro p{color:var(--muted);line-height:1.7}.auth-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:28px}.account-main>.auth-card{max-width:520px}.auth-card h2{font-size:22px;margin:0 0 18px}.auth-card p{line-height:1.7}.auth-card label{display:block;font-size:13px;margin:18px 0}.auth-card input{display:block;width:100%;min-width:0;padding:13px;margin-top:8px;border-radius:8px;border:1px solid var(--border);background:var(--bg);color:var(--text);font:inherit}.auth-card .button{margin-top:8px}.auth-tabs{display:flex;border-bottom:1px solid var(--border);gap:20px;margin-bottom:22px}.auth-tabs button{background:none;border:0;padding:12px 0;color:var(--muted);font:inherit;cursor:pointer}.auth-tabs button[aria-selected=true]{border-bottom:2px solid var(--accent);color:var(--text)}.auth-tabs button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.google-button{width:100%;justify-content:center}.auth-divider{text-align:center;color:var(--muted);font-size:12px}.device-note{margin-top:24px;font-size:12px}.account-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.device-description{word-break:break-word;font-size:12px}.auth-card details{margin-top:24px}.auth-card summary{cursor:pointer;color:var(--accent)}.auth-card [hidden]{display:none}@media(max-width:680px){.account-main{padding-top:20px}.auth-card{padding:22px}.account-grid{grid-template-columns:1fr}.account-intro h1{overflow-wrap:anywhere}}
.auth-page{background:radial-gradient(ellipse at 78% 45%,#20385435,transparent 55%),var(--bg)}
.auth-card .google-button{gap:12px;min-height:48px;background:#fff;border-color:#dadce0;color:#1f1f1f;font-size:14px;font-weight:500}
.auth-card .google-button:hover{background:#f0f5ff;border-color:#a8c7fa}
.google-button img{display:block;flex:0 0 20px}
.google-button:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.auth-card .google-button:disabled{opacity:.55;cursor:not-allowed;transform:none}
.account-main.auth-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(360px,480px);
  align-items:center;
  gap:clamp(40px,6vw,88px);
  min-height:calc(100svh - 86px);
  padding:48px 32px 64px;
}
.auth-layout .account-intro{margin:0;max-width:480px}
.auth-layout .account-intro h1{font-size:clamp(38px,4.2vw,54px);line-height:1.12;letter-spacing:-2px;margin:24px 0}
.auth-layout .account-intro p{max-width:400px;font-size:15px}
.account-main.auth-layout>.auth-card{width:100%;max-width:none;min-width:0;padding:32px;box-shadow:0 24px 70px #0002}
.auth-layout form>.button{width:100%}
@media(max-width:860px){
  .account-main.auth-layout{grid-template-columns:minmax(0,1fr);max-width:600px;min-height:auto;gap:28px;padding:36px 24px 56px}
  .auth-layout .account-intro{max-width:none}
  .auth-layout .account-intro h1{font-size:40px;letter-spacing:-1.5px;margin:18px 0}
}
@media(max-width:480px){
  .account-main.auth-layout{padding:28px 20px 40px;gap:24px}
  .account-main.auth-layout>.auth-card{padding:24px 20px}
  .auth-layout .account-intro h1{font-size:clamp(30px,8.5vw,38px)}
  .auth-layout .account-intro p{font-size:14px;margin-bottom:0}
}
.account-offer{padding:20px;border:1px solid #7db9ff40;border-radius:12px;background:radial-gradient(ellipse at top right,#7db9ff22,transparent),#122033;margin:20px 0}.account-offer p{display:flex;align-items:center;gap:14px;margin:12px 0 2px}.account-offer del{color:var(--muted);font-size:19px}.account-offer strong{font-size:38px}.discount-badge{display:inline-block;background:#70dfc41a;border:1px solid #70dfc440;color:#8cebd2;border-radius:6px;padding:6px 10px;font-size:11px;font-weight:800;letter-spacing:.08em}