*{box-sizing:border-box}
html,body{min-height:100%}
body{margin:0;background:var(--kc-color-page);color:var(--kc-color-text);font-family:var(--kc-font-family-sans)}
.account-shell{min-height:100dvh;display:grid;grid-template-columns:minmax(320px,42%) minmax(0,1fr)}
.account-intro{display:flex;min-height:100dvh;flex-direction:column;justify-content:space-between;gap:var(--kc-space-12);padding:clamp(32px,5vw,72px);background:linear-gradient(145deg,var(--kc-color-primary-800),var(--kc-color-primary));color:var(--kc-color-white)}
.account-brand{display:inline-flex;align-items:center;gap:var(--kc-space-5);width:max-content;color:inherit;text-decoration:none;font-size:var(--kc-font-size-5xl);font-weight:var(--kc-font-weight-extrabold)}
.account-brand img{width:48px;height:48px;border-radius:var(--kc-radius-control);background:var(--kc-color-white);object-fit:contain}
.account-intro h1{max-width:560px;margin:var(--kc-space-7) 0 var(--kc-space-6);font-size:clamp(40px,5vw,72px);font-weight:var(--kc-font-weight-black);line-height:.98;letter-spacing:-.045em}
.account-intro p{max-width:560px;margin:0;color:rgba(255,255,255,.84);font-size:clamp(16px,1.6vw,22px);font-weight:var(--kc-font-weight-semibold);line-height:var(--kc-line-height-relaxed)}
.account-assurance{display:grid;gap:var(--kc-space-2);max-width:560px;padding-top:var(--kc-space-7);border-top:1px solid rgba(255,255,255,.25)}
.account-assurance strong{font-size:var(--kc-font-size-2xl);font-weight:var(--kc-font-weight-extrabold)}
.account-assurance span{color:rgba(255,255,255,.76);font-size:var(--kc-font-size-lg);font-weight:var(--kc-font-weight-semibold);line-height:var(--kc-line-height-body)}
.account-content{display:grid;place-items:center;padding:clamp(24px,6vw,84px)}
.account-card{width:min(560px,100%)}
.account-card [hidden]{display:none!important}
.account-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--kc-space-2);margin-bottom:var(--kc-space-6);padding:var(--kc-space-1);border:1px solid var(--kc-color-border);border-radius:var(--kc-radius-control);background:var(--kc-color-surface-subtle)}
.account-tab{min-height:46px;border:0;border-radius:calc(var(--kc-radius-control) - 4px);background:transparent;color:var(--kc-color-text-secondary);font:inherit;font-weight:var(--kc-font-weight-bold);cursor:pointer}
.account-tab[aria-selected="true"]{background:var(--kc-color-surface);color:var(--kc-color-primary);box-shadow:var(--kc-shadow-sm)}
.account-status{display:flex;align-items:flex-start;gap:var(--kc-space-3);margin-bottom:var(--kc-space-5);padding:var(--kc-space-4);border:1px solid var(--kc-color-border);border-radius:var(--kc-radius-md);background:var(--kc-color-primary-surface);color:var(--kc-color-primary-800);font-weight:var(--kc-font-weight-semibold);line-height:var(--kc-line-height-body)}
.account-status[hidden]{display:none}
.account-status__icon{display:grid;width:34px;height:34px;place-items:center;border-radius:var(--kc-radius-round);background:var(--kc-color-primary-surface);color:var(--kc-color-primary);font-weight:var(--kc-font-weight-black)}
.account-status[data-state="success"]{border-color:var(--kc-color-success-surface-border);background:var(--kc-color-success-surface);color:var(--kc-color-success-surface-text)}
.account-status[data-state="danger"]{border-color:var(--kc-color-danger-surface-border);background:var(--kc-color-danger-surface);color:var(--kc-color-danger-surface-text)}
.account-summary{display:flex;align-items:center;gap:var(--kc-space-5);padding:var(--kc-space-5);border:1px solid var(--kc-color-border);border-radius:var(--kc-radius-lg);background:var(--kc-color-surface-subtle)}
.account-summary[hidden]{display:none}
.account-avatar{display:grid;width:44px;height:44px;flex:0 0 auto;place-items:center;border-radius:var(--kc-radius-round);background:var(--kc-color-primary);color:var(--kc-color-white);font-weight:var(--kc-font-weight-black)}
.account-summary strong,.account-summary span{display:block}
.account-summary small{display:block;margin-top:var(--kc-space-1);color:var(--kc-color-text-muted);font-size:var(--kc-font-size-sm);font-weight:var(--kc-font-weight-semibold)}
.account-summary strong{font-size:var(--kc-font-size-2xl);font-weight:var(--kc-font-weight-extrabold)}
.account-summary span{margin-top:var(--kc-space-1);color:var(--kc-color-text-muted);font-size:var(--kc-font-size-md);font-weight:var(--kc-font-weight-semibold)}
.account-password{display:grid;gap:var(--kc-space-4);padding:var(--kc-space-5);border:1px solid var(--kc-color-border);border-radius:var(--kc-radius-lg);background:var(--kc-color-surface)}
.account-password__copy{display:grid;gap:var(--kc-space-1)}
.account-password__copy strong{font-size:var(--kc-font-size-xl);font-weight:var(--kc-font-weight-extrabold)}
.account-password__copy span{color:var(--kc-color-text-muted);font-size:var(--kc-font-size-sm);font-weight:var(--kc-font-weight-semibold);line-height:var(--kc-line-height-body)}
.account-password__form{padding-top:var(--kc-space-4);border-top:1px solid var(--kc-color-border)}
.account-password__actions>.kc-button{flex:1 1 180px}
.account-google__mark{display:grid;width:24px;height:24px;place-items:center;border-radius:var(--kc-radius-round);background:var(--kc-color-white);color:var(--kc-color-primary-700);font-weight:var(--kc-font-weight-black)}
.account-form{display:grid;gap:var(--kc-space-5)}
.account-form[hidden]{display:none}
.account-form__grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--kc-space-4)}
.account-field{display:grid;gap:var(--kc-space-2)}
.account-field--full{grid-column:1/-1}
.account-field label{color:var(--kc-color-text-secondary);font-size:var(--kc-font-size-sm);font-weight:var(--kc-font-weight-extrabold);letter-spacing:.04em;text-transform:uppercase}
.account-field input{width:100%;min-height:52px;padding:0 var(--kc-space-4);border:1px solid var(--kc-color-border-strong);border-radius:var(--kc-radius-control);background:var(--kc-color-surface);color:var(--kc-color-text);font:inherit;font-weight:var(--kc-font-weight-semibold);outline:none}
.account-field input:focus{border-color:var(--kc-color-primary);box-shadow:0 0 0 4px var(--kc-color-primary-surface)}
.account-form__actions{display:flex;align-items:center;justify-content:space-between;gap:var(--kc-space-3);flex-wrap:wrap}
.account-form__actions>.kc-button{flex:1 1 220px}
.account-link-button{padding:var(--kc-space-2);border:0;background:transparent;color:var(--kc-color-primary);font:inherit;font-size:var(--kc-font-size-sm);font-weight:var(--kc-font-weight-bold);cursor:pointer}
.account-form__hint{margin:calc(var(--kc-space-2) * -1) 0 0;color:var(--kc-color-text-muted);font-size:var(--kc-font-size-sm);font-weight:var(--kc-font-weight-semibold);line-height:var(--kc-line-height-body)}
.account-divider{display:flex;align-items:center;gap:var(--kc-space-3);color:var(--kc-color-text-muted);font-size:var(--kc-font-size-sm);font-weight:var(--kc-font-weight-bold)}
.account-divider::before,.account-divider::after{content:"";height:1px;flex:1;background:var(--kc-color-border)}
.account-google{width:100%}
.account-details{padding:var(--kc-space-6);border:1px solid var(--kc-color-border);border-radius:var(--kc-radius-lg);background:var(--kc-color-surface-subtle)}
.account-details>strong{font-size:var(--kc-font-size-xl);font-weight:var(--kc-font-weight-extrabold)}
.account-details ol{display:grid;gap:var(--kc-space-3);margin:var(--kc-space-4) 0 0;padding-left:22px;color:var(--kc-color-text-secondary);font-size:var(--kc-font-size-md);font-weight:var(--kc-font-weight-semibold);line-height:var(--kc-line-height-body)}
@media(max-width:820px){
  .account-shell{grid-template-columns:1fr}
  .account-intro{min-height:auto;padding:var(--kc-space-10);gap:var(--kc-space-10)}
  .account-intro h1{font-size:38px}
  .account-intro p{font-size:15px}
  .account-assurance{display:none}
  .account-content{padding:var(--kc-space-7)}
}
@media(max-width:560px){
  .account-intro{padding:var(--kc-space-7)}
  .account-content{padding:var(--kc-space-5)}
  .account-form__grid{grid-template-columns:1fr}
  .account-tab{min-height:42px;padding-inline:var(--kc-space-2);font-size:var(--kc-font-size-sm)}
  .account-field--full{grid-column:auto}
}