/* PC typography shared with the approved main-page scale. */
.login-page{padding:60px 24px 90px}.login-panel{width:520px;max-width:100%;margin:0 auto}.login-panel h1{text-align:center;font-size:34px;line-height:1.4;margin:0 0 38px;font-weight:700}.login-panel .field{font-size:24px;margin-top:24px}.login-panel input:not([type=checkbox]){height:64px;font-size:23px;margin-top:12px;padding-left:18px}.login-panel input::placeholder{font-size:23px;font-weight:400}.login-panel .password-wrap input{padding-right:78px}.login-panel .reveal{font-size:17px;top:12px;right:10px}.login-panel .primary{height:64px;font-size:23px;margin-top:32px}.login-links{display:flex;align-items:center;justify-content:center;gap:15px;margin-top:24px;font-size:17px;color:#c5d0df}.login-links>a:first-child{color:#fff;font-weight:700}.login-links>span{color:#53657c}.login-links button{border:0;background:transparent;color:inherit;font:inherit;padding:0}.login-links button:hover{text-decoration:underline}.login-panel .divider{margin:36px 0 24px;font-size:17px}.login-social{display:grid;gap:16px}.login-social button{width:100%;height:64px;border:0;border-radius:8px;font-size:23px;font-weight:700}.kakao-login{background:#fee500;color:#191919}.naver-login{background:#03c75a;color:#fff}.login-social button:hover{filter:brightness(.95)}.login-panel .status{font-size:17px}#account-help{max-width:480px;width:calc(100% - 48px);padding:30px;border:1px solid #3b4c63;border-radius:12px;background:#102033;color:#f5f7fb}#account-help h2{font-size:24px;margin-top:0}#account-help p{font-size:17px;line-height:1.8}#account-help::backdrop{background:#0009}#account-help-close{width:100%;padding:14px;border:0;border-radius:6px;background:#ffe45b;color:#081421;font-size:17px}
/* Social-first desktop draft. Provider images supplied by the user. */
.login-panel{width:600px;padding:0 40px 40px;border:1px solid #29394d;border-radius:14px;background:#102033}.account-tabs{display:flex;margin:0 -40px 36px}.account-tabs a{width:50%;padding:24px 0;text-align:center;font-size:24px;font-weight:700;color:#9eafc6;border-bottom:3px solid #39485b}.account-tabs a[aria-current]{color:#fff;border-color:#72a8ff}.login-social{gap:14px}.login-social button{height:auto;padding:0;overflow:hidden;border-radius:9px;line-height:0}.login-social img{width:100%;height:auto;display:block}.login-panel .divider{margin:30px 0}.login-panel .field{margin-top:22px}.login-options{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:24px;font-size:17px}.save-email{display:flex;align-items:center;gap:8px;white-space:nowrap;color:#c5d0df}.save-email input{width:19px;height:19px;accent-color:#72a8ff;margin:0}.login-options .login-links{margin:0;gap:10px}.login-panel .primary{margin-top:26px}
/* Centered PC login, simplified fields and stronger selected-tab contrast. */
body:has(.login-page){min-height:100vh;display:flex;flex-direction:column}.login-page{flex:1;display:flex;align-items:center;justify-content:center;padding:48px 24px}.login-panel{margin:0;overflow:hidden}.account-tabs a{background:#102033;border-bottom:0;color:#bdcbe0}.account-tabs a[aria-current]{background:#68a0f5;color:#081421}.account-tabs a:hover{text-decoration:none;filter:brightness(1.08)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.login-panel input:not([type=checkbox]){margin-top:0}.login-panel .primary{background:#68a0f5;color:#081421}.login-panel .primary:hover{background:#82b1fa}.login-panel .field{margin-top:20px}
/* Clear white typography on the login surface. */
.login-panel{color:#fff}.account-tabs a,.account-tabs a[aria-current],.login-panel .primary,.login-panel .divider,.login-panel .field,.login-panel input:not([type=checkbox]),.login-panel input::placeholder,.login-panel .reveal,.login-panel .save-email,.login-panel .login-links,.login-panel .login-links>a:first-child,.login-panel .status{color:#fff}.login-panel input::placeholder{opacity:1}
/* Outlined selection matches the remote-support control. */
.account-tabs{gap:16px;margin:20px -20px 36px}.account-tabs a{border:2px solid transparent;border-radius:8px;padding:18px 0;background:transparent}.account-tabs a[aria-current]{background:transparent;border:2px solid #68a0f5;box-shadow:inset 0 0 0 1px #ffffff25;color:#fff}.login-panel .field+.field{margin-top:32px}.login-options{margin-top:34px}.login-panel .reveal{display:grid;place-items:center;width:42px;height:42px;top:11px;padding:8px}.reveal svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.reveal .eye-slash{display:none}.reveal[aria-pressed=true] .eye-slash{display:block}
/* Tabs align flush with the card edges; selected border is more prominent. */
.account-tabs{gap:0;margin:0 -40px 36px}.account-tabs a{border:3px solid transparent;border-radius:0;padding:22px 0}.account-tabs a:first-child{border-top-left-radius:13px}.account-tabs a:last-child{border-top-right-radius:13px}.account-tabs a[aria-current]{border:3px solid #68a0f5;box-shadow:none}
/* Outlined general-login button, matching the selected tab. */
.login-panel .primary{background:#142b45;border:2px solid #68a0f5;color:#fff;font-size:23px}.login-panel .primary:hover{background:#1b3859;border-color:#8cbaff}
/* Distinguish the submit action from outlined navigation tabs. */
.login-panel .primary{background:#2459a6;border:0;color:#fff}.login-panel .primary:hover{background:#2c68bc}
/* Use the existing input background and the approved 23px body scale. */
.login-panel .primary{background:#0b192a;border:1px solid #3b4c63;color:#fff}.login-panel .primary:hover{background:#142b45;border-color:#68a0f5}.login-options{flex-direction:column;align-items:flex-start;gap:20px;font-size:23px}.login-options .login-links{align-self:flex-end;font-size:23px;gap:14px}.save-email input{width:23px;height:23px}
/* Render labels as live text; crop the supplied logo at native resolution. */
.login-social button{display:flex;align-items:center;justify-content:center;gap:12px;aspect-ratio:340/50;min-height:64px;font-family:inherit;font-size:23px;font-weight:700;line-height:1.5}
.login-social .provider-mark{position:relative;display:block;flex:0 0 24px;width:24px;height:30px;overflow:hidden}
.login-social .provider-mark img{position:absolute;width:340px;max-width:none;height:50px;left:-109px;top:-10px}