.auth{display:grid;grid-template-columns:minmax(0,430px) minmax(0,1fr);gap:clamp(28px,7vw,96px);align-items:center;padding-block:clamp(32px,7vw,84px)}.auth-card{padding:26px 28px 28px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-slip)}.auth-title{margin-bottom:16px;font-size:var(--text-xl)}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-bottom:20px;padding:4px;background:var(--surface-2);border-radius:var(--radius)}.auth-tab{min-height:40px;background:none;border:0;border-radius:var(--radius-sm);color:var(--ink-2);font:inherit;font-weight:500;cursor:pointer}.auth-tab.is-active{background:var(--surface);box-shadow:0 1px 2px rgba(23,32,27,.14);color:var(--ink)}.auth-closed{display:flex;gap:8px;margin-bottom:16px;padding:10px 12px;background:var(--amber-wash);border-radius:var(--radius-sm);color:var(--amber);font-size:var(--text-sm);line-height:1.55}.auth-closed svg{flex:none;margin-top:3px}.auth-form{display:grid;gap:14px}.auth-field{display:grid;gap:6px}.auth-field label{font-size:var(--text-sm);font-weight:500}.account-input,.auth-field input{width:100%;min-height:46px;padding:0 14px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);font:inherit}.account-input:focus-visible,.auth-field input:focus-visible{border-color:var(--green);outline:2px solid var(--green);outline-offset:1px}.auth-hint{font-size:var(--text-sm);color:var(--ink-2)}.pw-box{position:relative}.pw-box input{padding-right:50px}.pw-toggle{position:absolute;inset:0 0 0 auto;display:grid;place-items:center;width:46px;background:none;border:0;border-radius:var(--radius-sm);color:var(--ink-3);cursor:pointer}.pw-toggle:hover{color:var(--ink)}.pw-strength{display:grid;gap:8px}.pw-meter{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.pw-seg{height:5px;background:var(--line);border-radius:999px;transition:background-color .2s ease}.pw-strength[data-level="1"] .pw-seg.is-on{background:var(--red)}.pw-strength[data-level="2"] .pw-seg.is-on{background:var(--bucket-d)}.pw-strength[data-level="3"] .pw-seg.is-on{background:var(--green-bright)}.pw-strength[data-level="4"] .pw-seg.is-on{background:var(--green-deep)}.pw-text{font-size:var(--text-xs);color:var(--ink-2)}.pw-strength[data-level="1"] .pw-text strong{color:var(--red)}.pw-strength[data-level="2"] .pw-text strong{color:var(--amber)}.pw-strength[data-level="3"] .pw-text strong,.pw-strength[data-level="4"] .pw-text strong{color:var(--green)}.pw-rules{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:var(--text-xs);color:var(--ink-3)}.pw-rules li{display:flex;align-items:center;gap:6px}.pw-mark{display:grid;place-items:center;width:15px;height:15px;border:1.5px solid var(--line);border-radius:50%;color:transparent}.pw-rules .is-met{color:var(--ink)}.pw-rules .is-met .pw-mark{background:var(--green);border-color:var(--green);color:var(--surface)}.auth-submit{justify-content:center;width:100%;min-height:46px}.account-card .btn:disabled,.auth-submit:disabled,.btn-provider:disabled{opacity:.5;cursor:not-allowed}.auth-notice{min-height:1.5em;font-size:var(--text-sm);line-height:1.5}.auth-notice.is-error{color:var(--red)}.auth-link,.auth-notice.is-ok{color:var(--green)}.auth-link{justify-self:start;padding:0;background:none;border:0;font:inherit;font-size:var(--text-sm);text-decoration:underline;text-underline-offset:3px;cursor:pointer}.auth-or{display:flex;align-items:center;gap:12px;margin:18px 0 14px;font-size:var(--text-xs);color:var(--ink-3)}.auth-or:after,.auth-or:before{flex:1 1;height:1px;background:var(--line);content:""}.auth-providers{display:grid;gap:8px}.btn-provider{display:flex;align-items:center;justify-content:center;gap:10px;min-height:46px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);font:inherit;font-weight:500;cursor:pointer}.btn-provider:hover:not(:disabled){background:var(--paper);border-color:var(--ink-3)}.auth-headline{max-width:15em;margin-top:8px;font-size:var(--text-3xl);font-weight:600;line-height:1.25;letter-spacing:-.01em}.member-card{display:grid;gap:4px;max-width:340px;margin-top:26px;padding:18px 20px 20px;background:linear-gradient(150deg,var(--green-soft),var(--green-deep) 62%);border-radius:var(--radius-lg);box-shadow:var(--shadow-slip);color:var(--surface);transform:rotate(-1.5deg)}.member-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px}.member-brand{font-weight:600;letter-spacing:.01em}.member-card .plan-badge-pro{background:var(--marker);box-shadow:none;color:var(--green-deep)}.member-mail{font-size:var(--text-lg)}.member-meta{font-size:var(--text-xs);color:color-mix(in srgb,var(--surface) 72%,transparent)}.auth-points{display:grid;gap:12px;max-width:30em;margin-top:30px;color:var(--ink-2)}.auth-points li{display:grid;grid-template-columns:20px minmax(0,1fr);gap:10px;line-height:1.6}.auth-points svg{margin-top:4px}.auth-points a,.auth-points svg{color:var(--green)}.account{display:grid;gap:14px;max-width:620px;padding-block:40px}.account-title{font-size:var(--text-2xl)}.account-card{display:grid;gap:12px;padding:20px 22px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.account-card.is-focus{border-color:var(--green);box-shadow:0 0 0 3px var(--green-wash)}.account-card h1,.account-card h2{font-size:var(--text-base)}.account-card .btn{justify-self:start}.account-head{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}.account-email{font-size:var(--text-lg);font-weight:600;overflow-wrap:anywhere}.account-meta{font-size:var(--text-sm);line-height:1.6;color:var(--ink-2)}.account-row{display:flex;gap:8px}.account-row .account-input{flex:1 1;min-width:0;letter-spacing:.06em}.account-foot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px}@media (max-width:860px){.auth{grid-template-columns:minmax(0,1fr);justify-items:center}.auth-card{padding:22px 20px 24px}.auth-card,.auth-side{width:100%;max-width:460px}.auth-headline{font-size:var(--text-2xl)}}@media (prefers-reduced-motion:reduce){.pw-seg{transition:none}}