@font-face{font-family:Pretendard;src:url('/assets/PretendardVariable.woff2?v=login-20261024') format('woff2');font-weight:100 900;font-display:swap}
:root{--ink:#18181d;--muted:#55545e;--line:#e9e8ef;--purple:#7748cb;--lime:#e5f75c}
*{box-sizing:border-box}
body{margin:0;background:#fff;color:var(--ink);font:16px/1.7 Pretendard,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}[hidden]{display:none!important}
a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--purple);outline-offset:4px}
.wrap{width:100%;max-width:1280px;margin-inline:auto;padding-inline:48px}
.site-header{min-height:110px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.wordmark{font-size:38px;font-weight:780;letter-spacing:-1.8px;display:inline-flex;align-items:center;gap:8px;line-height:1}
.wordmark svg{width:31px;height:31px;fill:none;stroke:#a58bc7;stroke-width:1.4}.wordmark>span{margin-left:-8px}
.entry-nav{display:flex;gap:28px;align-items:center;font-size:15px;font-weight:550}.entry-nav a{padding:10px 0;border-bottom:2px solid transparent}.entry-nav a:hover,.entry-nav .active{color:var(--purple)}.entry-nav .active{border-bottom-color:var(--purple)}.entry-nav .entry-start{border:1px solid #ded7ee;border-radius:2px;padding:10px 18px}
.menu-toggle{display:none;min-height:44px;border:1px solid var(--line);border-radius:2px;background:#fff;padding:8px 12px;font-size:14px}.menu-toggle span{margin-left:12px;color:var(--purple)}
.skip{position:absolute;top:8px;left:16px;transform:translateY(-180%);padding:8px 16px;background:var(--ink);color:#fff;z-index:5}.skip:focus{transform:none}
.login-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,440px);gap:clamp(48px,7vw,110px);align-items:center;padding-top:64px;padding-bottom:88px;min-height:calc(100svh - 196px)}
.brand-story,.login-area{min-width:0}.eyebrow{font-size:12px;letter-spacing:1.4px;color:var(--purple);font-weight:550}
.brand-story h2{font-size:clamp(30px,3.1vw,42px);font-weight:600;line-height:1.55;letter-spacing:-1.6px;margin:26px 0 24px;word-break:keep-all}.brand-story em{font-style:normal;color:var(--purple)}.brand-story>p{font-size:17px;line-height:1.9;color:var(--muted)}
.story-note{display:flex;align-items:center;gap:22px;margin-top:66px;font-size:13px;line-height:1.9;color:var(--muted)}.layer-line{width:48px;height:34px;flex:none;border-block:1px solid #b8a1d8;position:relative;transform:skewY(-18deg)}.layer-line:after{content:'';position:absolute;inset:50% 0 auto;border-top:1px solid #b8a1d8}
.login-area{border-top:3px solid var(--ink)}.invitation-stub{display:flex;justify-content:space-between;gap:16px;padding:20px 0;border-bottom:1px dashed #b9b3c5;font-size:12px;letter-spacing:1px;color:var(--muted)}.invitation-stub>span:last-child{color:var(--purple);letter-spacing:-.4px}
h1{font-size:30px;line-height:1.4;letter-spacing:-1px;font-weight:650;margin:28px 0 10px}.description{font-size:15px;color:var(--muted);margin:0 0 28px;word-break:keep-all}
label{display:block;font-size:14px;font-weight:550;margin:18px 0 7px}input{width:100%;min-width:0;min-height:52px;border:1px solid #dcd9e3;border-radius:2px;padding:12px 14px;background:#fff;color:var(--ink);font-size:16px;scroll-margin-block:18px}input::placeholder{color:#797582;font-size:14px}input:focus{border-color:var(--purple)}
.submit{display:block;width:100%;min-height:52px;border:1px solid var(--ink);border-radius:2px;background:var(--ink);color:#fff;padding:12px 18px;font-size:16px;font-weight:550;margin-top:24px;scroll-margin-block:18px}.submit:hover{background:var(--purple);border-color:var(--purple)}.submit:disabled{opacity:.6;cursor:wait}
.message{font-size:14px;color:#a12736;background:#fff4f4;padding:12px;margin:14px 0 0;overflow-wrap:anywhere}
.invitation{border-top:1px solid var(--line);margin-top:32px;padding-top:24px}.invitation p{font-size:14px;color:var(--muted);line-height:1.85;margin:12px 0 14px;word-break:keep-all}.invitation a{display:inline-block;font-size:14px;font-weight:550;border-bottom:1px solid var(--purple);color:var(--purple);padding-block:6px}
.beta-chat{padding-block:28px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px}.beta-chat>span{font-size:12px;letter-spacing:1.4px}.beta-chat a{font-size:14px;border-bottom:1px solid var(--purple);padding:8px 0;color:var(--purple)}
footer{border-top:1px solid var(--line);display:flex;align-items:center;gap:24px;padding-block:26px;color:var(--muted)}footer>span{font-size:20px;font-weight:650;letter-spacing:-.8px}footer p{font-size:12px;margin:0}
@media(min-width:761px){.entry-nav[hidden]{display:flex!important}}
@media(max-width:760px){.wrap{padding-inline:22px}.site-header{min-height:82px;flex-wrap:wrap;gap:0 18px;padding-block:18px}.wordmark{font-size:32px}.wordmark svg{width:26px;height:26px}.menu-toggle:not([hidden]){display:inline-flex;align-items:center}.entry-nav{width:100%;justify-content:space-between;gap:10px;font-size:14px;margin-top:18px}.entry-nav .entry-start{padding:8px 12px}.login-layout{grid-template-columns:minmax(0,1fr);gap:0;min-height:0;padding-top:20px;padding-bottom:44px}.brand-story{display:none}.login-area{width:100%;max-width:440px;margin-inline:auto}.invitation-stub{padding-block:16px;font-size:12px;letter-spacing:.5px}h1{font-size:28px;margin-top:24px}.description{font-size:14px;margin-bottom:22px}.invitation{margin-top:28px;padding-top:22px}.beta-chat{flex-direction:column;align-items:flex-start}footer{flex-direction:column;align-items:flex-start;gap:4px}}