:root{--auth-control-height:44px;--auth-field-gap:8px;--auth-row-gap:16px}.account-entry{display:grid;grid-template-columns:minmax(0,1fr) 400px;align-items:start;gap:64px;width:min(1000px,100%);margin:32px auto 48px}.account-hero{display:grid;gap:20px;padding-top:24px}.account-hero h2{font-size:30px;line-height:1.5}.account-hero p{color:var(--muted);line-height:1.8}.account-auth-screen{width:100%;min-width:0}
.auth-social{display:grid;gap:8px}.auth-social button{position:relative;width:100%;height:var(--auth-control-height);border:0;border-radius:6px;font-weight:600;display:flex;align-items:center;justify-content:center;padding:0 48px}.auth-social button span{display:block;flex:1;min-width:0;text-align:center;line-height:1.4}.auth-social button img{display:block;position:absolute;left:16px;top:50%;transform:translateY(-50%);width:24px;height:24px;object-fit:contain;flex:none}.auth-social [data-social=google]{background:#fff;color:#262626}.auth-social [data-social=naver]{background:#03c75a;color:#fff}.auth-social [data-social=kakao]{background:#fee500;color:#191919}.auth-divider{width:100%;height:0;margin:20px 0;border:0;border-top:1px solid var(--line)}.auth-common-form{display:grid;gap:var(--auth-row-gap)}.auth-common-form label{display:grid;gap:var(--auth-field-gap);min-width:0;font-size:13px;font-weight:500;color:var(--ink)}.auth-common-form :is(input,select){width:100%;min-width:0;height:var(--auth-control-height);padding:0 12px;border:1px solid var(--line);border-radius:6px;background:var(--input-cell);color:var(--ink);font:inherit}.auth-common-form>button{width:100%;height:var(--auth-control-height);background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.auth-common-form>.auth-divider{margin:8px 0}.auth-verification{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.auth-verification input{width:100px;flex:1}.auth-verification button{width:auto;height:var(--auth-control-height);flex:0 0 auto}.auth-verified{color:var(--positive);font-size:12px}.auth-links{display:grid;gap:8px}.auth-links .auth-recovery{justify-self:center;padding:0;border:0;background:transparent;color:var(--muted);width:auto;height:var(--auth-control-height)}.auth-links .auth-signup{width:100%;height:var(--auth-control-height);background:transparent;border:1px solid var(--line);color:var(--ink)}.auth-common-error:empty{display:none}

.auth-common-form :is(input,select,button):focus-visible,.auth-social button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.auth-common-form button{display:inline-flex;align-items:center;justify-content:center;margin:0;line-height:1.5}.auth-common-form .auth-verification input{width:100px;flex:1}.auth-common-form .auth-verification button{height:var(--auth-control-height)}

.auth-common-form>button:hover{background:var(--accent);border-color:var(--accent);filter:brightness(.96)}.auth-common-error.error{color:var(--danger)}

@media(max-width:900px){.account-entry{grid-template-columns:minmax(0,1fr);gap:32px;width:min(480px,100%);margin:24px auto 32px}.account-hero{padding-top:0;gap:16px}.account-hero h2{font-size:24px}}