html.ss-common-page{color-scheme:light;background:#fffdf8;color:#343445;font-family:system-ui,-apple-system,"Segoe UI","Noto Sans KR",sans-serif;line-height:1.65;overflow-x:hidden}
.ss-common-page body{margin:0;min-width:0}.ss-common-page *{box-sizing:border-box}.ss-common-page button,.ss-common-page input{font:inherit}.ss-common-page a{color:inherit}.ss-common-page [hidden]{display:none!important}
.ss-common-page{--cp-ink:#343445;--cp-soft:#655f68;--cp-paper:#fffdf8;--cp-yellow:#ffe38b;--cp-line:#e8dfce}
.cp-shell{min-height:100svh;display:flex;flex-direction:column;background-image:radial-gradient(#d6cebc 0.7px,transparent 0.7px);background-size:22px 22px}

.cp-main{width:min(1050px,90%);margin:auto;display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:64px;padding:44px 0}.cp-copy h1{font-size:clamp(30px,4vw,48px);line-height:1.35;letter-spacing:-1.5px;margin:14px 0 22px;text-wrap:balance}.cp-eyebrow{font-size:11px;font-weight:750;letter-spacing:1.8px;color:#70616b;margin:0}.cp-description{font-size:16px;line-height:1.95;color:var(--cp-soft);margin:0 0 28px;overflow-wrap:anywhere}
.cp-panel{background:rgba(255,255,255,.96);border:1px solid var(--cp-line);border-radius:12px;padding:24px 30px 30px;box-shadow:0 14px 35px #77603909}.cp-panel h2{font-size:22px;margin:4px 0 10px;text-align:center}.cp-panel>p{font-size:14px;text-align:center;color:var(--cp-soft)}.cp-panel form{display:grid;gap:14px}.cp-panel label{font-size:14px;display:grid;gap:8px}.cp-panel input{width:100%;min-width:0;border:1px solid #b9b3aa;border-radius:5px;padding:11px 12px;background:white;color:var(--cp-ink)}
.cp-actions{display:flex;flex-wrap:wrap;gap:10px}.cp-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;border:1px solid var(--cp-ink);border-radius:6px;background:var(--cp-yellow);color:var(--cp-ink);font-weight:650;text-decoration:none;padding:10px 18px;cursor:pointer}.cp-button.secondary{background:var(--cp-paper);border-color:#b9b3aa}.cp-button:disabled{cursor:default;opacity:.55}.cp-button:hover:enabled,.cp-button[href]:hover{background:#ffda65}.cp-panel .cp-button{width:100%}.cp-button svg{width:20px;height:20px;flex:none}.cp-message{min-height:1.6em;margin:0;color:var(--cp-soft);font-size:14px;overflow-wrap:anywhere}.cp-context{padding:10px 14px;margin-bottom:16px;background:#fff8e5;border-radius:5px;font-size:13px;overflow-wrap:anywhere}
.cp-art{position:relative;isolation:isolate;width:100%;max-width:420px;margin:auto}.cp-art>svg{display:block;width:100%;height:auto;overflow:visible;position:relative;z-index:1}.cp-art .cp-paper{position:absolute;inset:24% 17% 18%;border-radius:8px;background:#ffedba;transform:rotate(-7deg);animation:cp-sway 9s ease-in-out infinite;z-index:-1}.cp-art .cp-paper.second{inset:20% 14% 23%;transform:rotate(5deg);background:#f5ede0;animation-direction:reverse;animation-duration:11s}.cp-panel .cp-art{max-width:280px}.cp-paused .cp-paper{animation-play-state:paused}.cp-state{font-size:12px;color:var(--cp-soft)}
@keyframes cp-sway{0%,100%{transform:rotate(-7deg) translateY(0)}50%{transform:rotate(-3deg) translateY(3px)}}
@media(max-width:700px){.cp-main{width:88%;grid-template-columns:1fr;gap:24px;padding:28px 0;max-width:440px}.cp-main[data-layout="guide"] .cp-art-area{grid-row:1}.cp-art{max-width:300px}.cp-copy{text-align:center}.cp-copy h1{font-size:30px;letter-spacing:-.8px}.cp-description{font-size:14px;margin-bottom:20px}.cp-actions{justify-content:center}.cp-panel{padding:16px 20px 22px}.cp-panel .cp-art{max-width:220px}.cp-main[data-layout="form"]{gap:18px}.cp-main[data-layout="form"] .cp-copy h1{margin:8px 0 12px}.cp-main[data-layout="form"] .cp-description{margin-bottom:0}.cp-button{padding:10px 14px}}
@media(prefers-reduced-motion:reduce){.cp-paper{animation:none!important}}

.cp-message[data-tone="error"]{color:#9b2538!important}.cp-panel>.cp-message{margin:0 0 18px;text-align:center}.cp-login-description{white-space:normal}.cp-message[hidden]{display:none!important}