.login-page{background:linear-gradient(120deg,#fff 0%,#fff7f2 55%,#ffe8dc 100%);flex-direction:column;min-height:100%;padding:0;display:flex;position:relative;overflow:hidden}.login-scan-line{z-index:0;opacity:.25;pointer-events:none;background:linear-gradient(90deg,#0000,#ff4f18,#0000);height:2px;animation:8s linear infinite login-scan-line;position:absolute;top:30px;left:30px;right:30px}.login-shell{z-index:1;flex:1;grid-template-columns:minmax(0,1.02fr) minmax(392px,520px);align-items:center;column-gap:clamp(48px,5vw,92px);width:100%;min-height:0;margin:0 auto;padding:28px 72px;display:grid;position:relative;overflow:hidden}.login-corner{pointer-events:none;width:24px;height:24px;position:absolute}.login-corner:before,.login-corner:after{background:var(--color-brand);content:"";position:absolute}.login-corner:before{width:24px;height:3px;top:0;left:0}.login-corner:after{width:3px;height:24px;top:0;left:0}.login-corner-top-left{top:30px;left:30px}.login-corner-top-right{top:30px;right:30px}.login-corner-top-right:before,.login-corner-top-right:after{top:0;left:auto;right:0}.login-corner-bottom-left{bottom:30px;left:30px}.login-corner-bottom-left:before,.login-corner-bottom-left:after{top:auto;bottom:0;left:0}.login-corner-bottom-right{bottom:30px;right:30px}.login-corner-bottom-right:before,.login-corner-bottom-right:after{inset:auto 0 0 auto}.login-hero{align-content:center;gap:32px;min-height:620px;padding:64px 0 56px 64px;display:grid;position:relative}.login-hero:before{color:#ff4d2e14;letter-spacing:-.06em;content:"ㅈㄷ";pointer-events:none;font-size:550px;font-weight:900;line-height:.8;position:absolute;bottom:-.36em;left:-.32em}.login-hero-badge{border:1px solid var(--color-brand-outline);width:fit-content;color:var(--color-brand);background:#ffffffb8;border-radius:999px;margin:0;padding:8px 14px;font-size:12px;font-weight:800}.login-hero-copy{z-index:1;gap:18px;display:grid;position:relative}.login-hero-copy h1{color:var(--color-text-strong);letter-spacing:-.06em;margin:0;font-size:clamp(44px,6.2vw,74px);font-weight:800;line-height:.98}.login-hero-copy h1 span{color:var(--color-brand);z-index:0;display:inline-block;position:relative}.login-hero-copy h1 span:after{content:"";z-index:-1;background:#ff4f1838;height:.25em;position:absolute;bottom:.05em;left:0;right:-.1em}.login-hero-copy p{color:var(--color-text-muted);margin:0;font-size:14px;font-weight:500;line-height:1.75}.login-hero-emphasis{color:var(--color-text-strong);font-weight:700}.login-hero-stats{z-index:1;border-top:1px solid var(--color-border);grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;width:min(100%,560px);margin:0;padding-top:22px;display:grid;position:relative}.login-hero-stats div{gap:4px;display:grid}.login-hero-stats dt{color:var(--color-text-strong);font-size:22px;font-weight:900}.login-hero-stats dd{color:var(--color-text-muted);margin:0;font-size:11px;font-weight:800}.login-form-brand{gap:5px;margin-bottom:8px;display:grid}.login-form-brand strong{color:var(--color-text-placeholder);font-size:12px;font-weight:700;line-height:1.45}.login-form-kicker{color:var(--color-text-strong);letter-spacing:-.04em;margin:0;font-size:24px;font-weight:900;line-height:1}.login-field{gap:9px;display:grid}.login-field label{color:var(--color-text-strong);font-size:12px;font-weight:900}.auth-form{border:1px solid var(--color-border-soft);background:var(--color-surface);border-radius:8px;flex-direction:column;gap:12px;width:100%;padding:28px;display:flex}.login-form{background:var(--color-surface-translucent);box-shadow:var(--color-card-shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid #e1e8efeb;border-radius:22px;align-self:center;gap:14px;padding:28px 28px 18px}.login-form .button.primary{background:var(--color-brand);box-shadow:none;border-radius:10px;min-height:40px;margin-top:2px;font-size:14px;font-weight:900}.login-form .button.primary:hover{background:var(--color-brand-hover)}.login-form .text-link{color:var(--color-text-placeholder);text-align:center;margin-top:0;font-size:12px}.login-form .text-link strong{color:var(--color-text-strong);text-underline-offset:2px;text-decoration:underline}.login-form label{font-size:12px}.login-input-shell,.login-password-field{background:var(--color-input-muted);border:1px solid #0000;border-radius:10px;grid-template-columns:auto minmax(0,1fr);align-items:center;min-height:48px;padding:0 14px;transition:border-color .16s,box-shadow .16s,background-color .16s;display:grid}.login-password-field{grid-template-columns:auto minmax(0,1fr) auto}.login-input-icon{width:16px;height:16px;color:var(--color-text-disabled);pointer-events:none;justify-content:center;align-items:center;margin-right:10px;transition:color .16s;display:inline-flex}.login-form input:not([type=checkbox]){min-height:auto;color:var(--color-text-subtle);box-shadow:none;caret-color:var(--color-brand);appearance:none;background:0 0;border:0;border-radius:0;outline:none;padding:0;font-size:13px;font-weight:500}.login-form input:not([type=checkbox])::placeholder{color:var(--color-text-placeholder)}.login-input-shell:focus-within,.login-password-field:focus-within{background:var(--color-surface);border-color:#ff4f18e6;box-shadow:0 0 0 3px #ff4f181f}.login-input-shell:focus-within .login-input-icon,.login-password-field:focus-within .login-input-icon{color:var(--color-brand)}.login-password-field input{min-width:0}.login-form input:not([type=checkbox]):focus{box-shadow:none;outline:none}.login-password-toggle{color:var(--color-text-placeholder);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.login-meta-row{justify-content:space-between;align-items:center;gap:12px;margin-top:-2px;display:flex}.login-check{color:var(--color-text-muted);align-items:center;gap:6px;font-size:11px;font-weight:800;display:inline-flex}.login-check input{width:14px;height:14px;min-height:auto;accent-color:var(--color-brand);background:0 0;border-radius:4px;flex:none;margin:0;padding:0}.login-meta-link{color:var(--color-text-placeholder);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-size:11px;font-weight:800}.auth-form fieldset{border:0;flex-direction:column;gap:12px;min-width:0;margin:0;padding:0;display:flex}.auth-form fieldset+fieldset{border-top:1px solid var(--color-border);margin-top:8px;padding-top:20px}.auth-form legend{margin-bottom:4px;padding:0;font-size:16px;font-weight:700}.auth-form label{font-size:14px;font-weight:700}.auth-form:not(.login-form) input:not([type=checkbox]){border:1px solid var(--color-border-strong);width:100%;min-height:46px;color:var(--color-text-strong);background:var(--color-surface);font:inherit;border-radius:8px;padding:0 12px}.auth-form:not(.login-form) input:not([type=checkbox]):focus{border-color:var(--color-brand);outline:3px solid var(--color-brand-outline)}.form-message{margin:4px 0 0;font-size:14px}.form-message.error{color:var(--color-danger)}.form-message.ok{color:var(--color-brand)}.signup-form{box-shadow:none;background:0 0;border:0;border-radius:0;gap:18px;padding:0}.signup-section{background:0 0;border:0;border-radius:0;gap:14px;padding:0}.signup-section+.signup-section{border-top:0;margin-top:8px;padding-top:0}.signup-section legend{color:var(--color-text-strong);margin-bottom:0;font-size:17px;font-weight:900;display:none}.signup-verification-section{background:var(--color-surface-alt)}.signup-agreements{gap:12px;display:grid}.signup-agreement-intro{color:#111827;letter-spacing:-.03em;text-align:center;margin:0;font-size:20px;font-weight:900;line-height:1.4}.signup-agreement{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-subtle);border-radius:14px;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:10px;padding:14px 16px;font-size:13px;line-height:1.5;display:grid}.signup-agreement input{width:18px;height:18px;accent-color:var(--color-brand);margin:1px 0 0}.signup-agreement strong{color:var(--color-brand)}.signup-agreement-all{border-color:var(--color-border);align-items:center;padding-top:12px;padding-bottom:12px}.signup-agreement-all span{color:var(--color-text-strong);font-size:14px;font-weight:800}.signup-agreement-list{gap:10px;display:grid}.signup-agreement-item{background:0 0;border-color:#0000;border-radius:12px;padding:10px 12px}.signup-agreement-copy{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.signup-agreement-copy>span{color:var(--color-text-strong);font-size:14px;line-height:1.45}.signup-agreement a{color:var(--color-text-strong);text-decoration:none}.signup-agreement a svg{color:var(--color-text-strong)}.button.secondary.signup-verify-button:disabled{color:var(--color-surface);background:var(--color-brand);opacity:1;cursor:pointer}.button.secondary.signup-verify-button{min-height:46px;color:var(--color-surface);background:var(--color-brand);border-color:#ff4f1829;font-weight:900}.button.secondary.signup-verify-button:hover{color:var(--color-surface);background:var(--color-brand-hover)}.verification-summary{border:1px solid var(--color-border);background:var(--color-surface);border-radius:14px;gap:10px;margin:0;padding:14px;display:grid}.verification-summary-status{justify-content:flex-start;display:flex}.verification-summary-status span{min-height:24px;color:var(--color-brand);background:var(--color-brand-soft);border-radius:999px;align-items:center;padding:0 10px;font-size:11px;font-weight:900;display:inline-flex}.verification-summary div{grid-template-columns:88px minmax(0,1fr);gap:12px;display:grid}.verification-summary dt{color:var(--color-text-placeholder);font-size:12px;font-weight:800}.verification-summary dd{overflow-wrap:anywhere;color:var(--color-text-strong);margin:0;font-size:13px;font-weight:800}.signup-check-button{color:#ff4d2e;background:#fff7f5;border-color:#ffd7cf;min-width:92px;min-height:48px;font-size:13px;font-weight:900}.signup-check-button:hover{color:#ff4d2e;background:#fff1ed;border-color:#ffb8aa}.signup-field-help{color:#8b95a3;margin:-6px 0 2px;font-size:12px;line-height:1.45}.signup-field-help.ok{color:#ff4d2e}.signup-field-help.error{color:var(--color-danger)}.signup-form label{color:var(--color-text-strong);font-size:12px;font-weight:900}.signup-form input:not([type=checkbox]){background:var(--color-panel);width:100%;min-height:48px;font:inherit;border:1px solid #d8e0ea;border-radius:10px;padding:0 14px;font-size:14px}.signup-form.auth-form input:not([type=checkbox]):focus{background:var(--color-surface);border-color:#ff4f18e6;outline:3px solid #ff4f181f}.signup-form .button.primary.signup-submit-button{min-height:48px;color:var(--color-surface);background:var(--color-brand);border-radius:10px;font-size:15px;font-weight:900}.signup-form .button.primary.signup-submit-button:hover{background:var(--color-brand-hover)}.signup-modal-backdrop{z-index:80;background:#1118276b;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.signup-modal{background:var(--color-surface);text-align:center;border-radius:18px;gap:12px;width:min(100%,360px);padding:24px 22px 20px;display:grid;box-shadow:0 24px 60px #0f172a2e}.signup-modal strong{color:var(--color-text-strong);font-size:18px;line-height:1.35}.signup-modal p{color:var(--color-text-muted);margin:0;font-size:14px;line-height:1.6}.signup-modal-button{background:var(--color-brand);min-height:44px;margin-top:4px}.text-link{color:var(--color-link);margin-top:8px;font-size:14px;text-decoration:none}.text-link:hover{text-decoration:underline}.signup-form .text-link{color:var(--color-text-placeholder);text-align:center;margin-top:0;font-size:13px}.signup-form .text-link strong{color:var(--color-text-strong);text-underline-offset:2px;text-decoration:underline}.login-support-row{border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:12px;margin-top:2px;padding-top:14px;display:flex}.login-support-note{color:var(--color-text-placeholder);align-items:center;gap:6px;margin:0;font-size:10px;font-weight:800;line-height:1.4;display:inline-flex}.login-support-note span{width:18px;height:18px;color:var(--color-surface);background:var(--color-brand);border-radius:999px;place-items:center;font-size:10px;font-weight:900;display:inline-grid}.login-support-text{color:var(--color-text-placeholder);font-size:11px;font-weight:800}@keyframes login-scan-line{0%{top:30px}to{top:calc(100% - 32px)}}@media (max-width:1024px){.login-page{padding:0}.login-shell{grid-template-columns:1fr;gap:28px;min-height:100%;padding:10px 24px 0}.login-corner{display:none}.login-hero{gap:18px;min-height:auto;padding:0}.login-hero:before{display:none}.login-hero-copy h1{font-size:clamp(42px,10vw,58px)}.login-hero-copy p{font-size:15px;line-height:1.7}.login-hero-stats{width:100%}}@media (max-width:760px){main{padding:28px 20px 104px}h1{font-size:34px}.login-page{padding:24px 16px 32px}.login-shell{gap:28px;padding:10px 0 0}.auth-form{padding:22px}}
