.auth-page{--auth-ink:#111;--auth-sub:#727582;--auth-muted:#8d929f;--auth-line:#e3e5ea;--auth-field:#fff;--auth-disabled-bg:#e9ebf1;--auth-disabled-ink:#aab2c1;--auth-accent:#f2552c;--auth-accent-text:#cc3f17;min-height:100vh;min-height:100dvh;padding:max(32px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(32px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));color:var(--auth-ink);letter-spacing:-.02em;background:#fff;justify-content:center;align-items:center;font-family:Pretendard Variable,Pretendard,Apple SD Gothic Neo,sans-serif;display:flex}.auth-page+.site-footer{display:none}:is(html:has(.auth-page),body:has(.auth-page)){background:#fff}.auth-stage{flex-direction:column;align-items:center;width:100%;display:flex}.auth-panel{flex-direction:column;width:100%;min-width:0;max-width:400px;margin:0 auto;animation:.5s cubic-bezier(.22,1,.36,1) both auth-in;display:flex}.auth-panel--signup{max-width:440px}@keyframes auth-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.auth-logo{align-self:center;margin-bottom:22px;display:block}.auth-logo img{width:118px;height:auto;display:block}.auth-panel h1{color:var(--auth-ink);letter-spacing:-.03em;text-align:center;word-break:keep-all;margin:0 0 30px;font-size:22px;font-weight:700;line-height:1.45}.auth-panel h1 em{color:var(--auth-accent);font-style:normal}.auth-form{gap:12px;display:grid}.auth-input{border:1px solid var(--auth-line);background:var(--auth-field);border-radius:12px;align-items:center;min-width:0;min-height:54px;padding:0 16px;transition:border-color .15s,box-shadow .15s;display:flex;position:relative}.auth-input:focus-within{border-color:var(--auth-ink);box-shadow:0 0 0 3px #1111110f}.auth-input input{text-overflow:ellipsis;width:100%;min-width:0;height:auto;min-height:52px;color:var(--auth-ink);font:inherit;letter-spacing:-.02em;background:0 0;border:0;outline:0;flex:1;padding:0;font-size:16px}.auth-input input::placeholder{color:var(--auth-muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.auth-input button{width:32px;height:32px;color:var(--auth-muted);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;margin-right:-6px;padding:0;display:grid}.auth-input button:hover{color:var(--auth-ink);background:#f3f4f6}.auth-input button svg{width:19px;height:19px}.auth-find{color:var(--auth-sub);justify-self:end;margin:-2px 2px 6px;font-size:14px;font-weight:500}.auth-find:hover{color:var(--auth-ink);text-decoration:underline}.auth-submit{background:var(--auth-ink);color:#fff;min-height:54px;font:inherit;letter-spacing:-.02em;cursor:pointer;border:0;border-radius:12px;margin-top:4px;font-size:16px;font-weight:700;transition:background .2s,color .2s}.auth-submit:hover:not(:disabled){background:#2a2a2a}.auth-submit:disabled{background:var(--auth-disabled-bg);color:var(--auth-disabled-ink);cursor:default}.auth-agree{color:var(--auth-sub);cursor:pointer;align-items:flex-start;gap:10px;margin:4px 2px 2px;font-size:14px;font-weight:500;line-height:1.5;display:flex}.auth-agree input{width:18px;height:18px;accent-color:var(--auth-accent);cursor:pointer;flex:0 0 18px;margin:1px 0 0}.auth-agree a{color:var(--auth-ink);text-underline-offset:2px;text-decoration:underline}.auth-notice{text-align:center;margin:14px 0 0;font-size:14px;font-weight:500;line-height:1.5}.auth-notice--error{color:#d92d20}.auth-notice--info{color:var(--auth-accent-text);background:#fff0ea;border-radius:12px;padding:12px 14px}.auth-divider{color:var(--auth-disabled-ink);align-items:center;gap:14px;margin:28px 0 22px;font-size:13px;font-weight:500;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:#eceef2;flex:1;height:1px}.auth-socials{justify-content:center;gap:16px;display:flex}.auth-social{cursor:pointer;border:0;border-radius:50%;place-items:center;width:54px;height:54px;padding:0;transition:transform .2s cubic-bezier(.22,1,.36,1),filter .2s;display:grid}.auth-social:hover:not(:disabled){transform:translateY(-2px)}.auth-social:disabled,.auth-wide:disabled{cursor:wait;opacity:.6}.auth-social--kakao{background:#fee500}.auth-social--kakao img{object-fit:contain;width:24px;height:22px}.auth-social--google{background:#f2f3f5}.auth-social svg{width:24px;height:24px}.auth-switch{color:var(--auth-ink);text-align:center;margin:32px 0 0;font-size:15px;font-weight:600}.auth-switch a{color:var(--auth-accent-text);text-underline-offset:3px;margin-left:4px;text-decoration:underline}.auth-samples{margin:0 calc(50% - min(50vw,420px)) 30px;padding:4px 0 8px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 18% 82%,#0000);mask-image:linear-gradient(90deg,#0000,#000 18% 82%,#0000)}.auth-samples__track{gap:12px;width:max-content;animation:36s linear infinite auth-marquee;display:flex}@keyframes auth-marquee{to{transform:translate(calc(-50% - 6px))}}.auth-sample{background:#fff;border:1px solid #eceef2;border-radius:16px;flex-direction:column;gap:7px;width:124px;height:168px;padding:14px 12px;display:flex;box-shadow:0 6px 16px #1111110d}.auth-sample__head{align-items:center;gap:7px;margin-bottom:6px;display:flex}.auth-sample__head img{border:1px solid #eee;border-radius:50%;width:26px;height:26px}.auth-sample__head span{min-width:0}.auth-sample__head b{color:var(--auth-ink);font-size:11px;font-weight:700;display:block}.auth-sample__head small{color:var(--auth-muted);white-space:nowrap;text-overflow:ellipsis;font-size:9px;font-weight:600;display:block;overflow:hidden}.auth-sample i{background:#f0f1f4;border-radius:999px;height:6px;display:block}.auth-sample i:nth-of-type(2){width:88%}.auth-sample i:nth-of-type(4){width:62%}.auth-sample em{color:var(--auth-accent-text);background:#fff0ea;border-radius:999px;align-self:flex-start;margin-top:auto;padding:4px 7px;font-size:9px;font-style:normal;font-weight:700}.auth-choices{gap:10px;padding-top:6px;display:grid;position:relative}.auth-bubble{z-index:1;background:var(--auth-ink);color:#fff;white-space:nowrap;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:700;animation:2.4s ease-in-out infinite auth-bob;position:absolute;top:-26px;left:50%;transform:translate(-50%)}.auth-bubble:after{border:5px solid #0000;border-top-color:var(--auth-ink);content:"";position:absolute;top:100%;left:50%;transform:translate(-50%)}@keyframes auth-bob{50%{transform:translate(-50%,-3px)}}.auth-wide{min-height:54px;font:inherit;letter-spacing:-.02em;cursor:pointer;border:0;border-radius:12px;justify-content:center;align-items:center;gap:9px;padding:0 16px;font-size:16px;font-weight:700;transition:filter .15s,background .15s;display:flex}.auth-wide img{object-fit:contain;width:20px;height:18px}.auth-wide svg{width:20px;height:20px}.auth-wide--kakao{color:#191600;background:#fee500}.auth-wide--kakao:hover:not(:disabled){filter:brightness(.97)}.auth-wide--google{border:1px solid var(--auth-line);color:var(--auth-ink);background:#fff}.auth-wide--google:hover:not(:disabled){background:#f8f8f9}.auth-wide--email{color:#4a4f5c;background:#f3f4f7}.auth-wide--email:hover:not(:disabled){background:#eaecf0}.auth-back{color:var(--auth-sub);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;align-self:center;align-items:center;gap:6px;margin-top:20px;padding:6px 10px;font-size:14px;font-weight:600;display:inline-flex}.auth-back:hover{color:var(--auth-ink);background:#f5f5f6}.auth-back svg{width:16px;height:16px}.auth-page :is(a,button,input):focus-visible{outline-offset:2px;outline:3px solid #f2552c73}.auth-input input:focus-visible{outline:0}.auth-showcase,.auth-tabs,.auth-stage__links{display:none}.auth-tabs{border-bottom:1px solid #eceef2;grid-template-columns:1fr 1fr;margin:-6px 0 26px}.auth-tabs a{color:#aab2c1;border-bottom:2px solid #0000;justify-content:center;align-items:center;gap:6px;height:46px;margin-bottom:-1px;font-size:16px;font-weight:700;transition:color .15s;display:flex}.auth-tabs a:hover{color:var(--auth-ink)}.auth-tabs a[aria-current=page]{border-bottom-color:var(--auth-ink);color:var(--auth-ink)}.auth-tabs span{color:var(--auth-accent-text);background:#fff0ea;border-radius:6px;padding:3px 6px;font-size:11px;font-weight:700}.auth-stage__links{color:#aab2c1;align-items:center;gap:14px;font-size:14px;font-weight:500}.auth-stage__links a:hover{color:var(--auth-ink)}.auth-stage__links span{background:#dfe1e6;width:1px;height:12px}.auth-showcase__title{z-index:2;color:var(--auth-ink);letter-spacing:-.03em;text-align:center;margin:0;font-size:26px;font-weight:700;line-height:1.42;position:absolute;top:44px;left:0;right:0}.auth-showcase__title em{color:var(--auth-accent);font-style:normal}.auth-showcase__tracks{z-index:2;gap:4px;margin:0;padding:0;list-style:none;display:grid;position:absolute;top:54%;left:40px;transform:translateY(-50%)}.auth-showcase__tracks li{color:#c9ccd3;font-size:16px;font-weight:500;line-height:1.75;transition:color .35s}.auth-showcase__tracks li.is-active{color:var(--auth-ink);font-weight:700}.auth-showcase__grid{grid-template-columns:repeat(3,minmax(0,150px));gap:12px;padding:6px 8px 0;display:grid;position:absolute;inset:150px 16px 0 clamp(162px,14vw - 8px,192px);overflow:hidden;-webkit-mask-image:linear-gradient(#0000,#000 10% 86%,#0000);mask-image:linear-gradient(#0000,#000 10% 86%,#0000)}.auth-showcase__track{animation:60s linear infinite auth-rise}.auth-showcase__column:nth-child(2) .auth-showcase__track{animation-name:auth-fall;animation-duration:68s}.auth-showcase__column:nth-child(3) .auth-showcase__track{animation-duration:54s;animation-delay:-20s}@keyframes auth-rise{0%{transform:translateY(0)}to{transform:translateY(-50%)}}@keyframes auth-fall{0%{transform:translateY(-50%)}to{transform:translateY(0)}}.auth-essay{background:#fff;border-radius:18px;flex-direction:column;gap:8px;height:300px;margin-bottom:12px;padding:16px 14px;transition:box-shadow .45s;display:flex;box-shadow:0 8px 22px #1111110d}.auth-essay:not(.is-dim){box-shadow:0 0 0 2px var(--auth-accent),0 12px 26px #f2552c29}.auth-essay:not(.is-dim) .auth-essay__foot em{background:var(--auth-accent);color:#fff}.auth-essay__head{align-items:center;gap:8px;margin-bottom:4px;display:flex}.auth-essay__head img{border:1px solid #eee;border-radius:50%;width:30px;height:30px}.auth-essay__head span{min-width:0}.auth-essay__head b{color:var(--auth-ink);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:700;display:block;overflow:hidden}.auth-essay__head small{color:var(--auth-muted);white-space:nowrap;text-overflow:ellipsis;font-size:10px;font-weight:600;display:block;overflow:hidden}.auth-essay strong{color:var(--auth-ink);font-size:13px;font-weight:700;line-height:1.4}.auth-essay p{color:#5d5f6d;word-break:keep-all;margin:0;font-size:11px;font-weight:500;line-height:1.65}.auth-essay i{background:#f0f1f4;border-radius:999px;height:6px;display:block}.auth-essay i:nth-of-type(2){width:86%}.auth-essay i:nth-of-type(3){width:58%}.auth-essay__foot{border-top:1px solid #f2f3f5;justify-content:space-between;align-items:center;gap:8px;margin-top:auto;padding-top:12px;display:flex}.auth-essay__foot span{color:var(--auth-muted);white-space:nowrap;font-size:10px;font-weight:600}.auth-essay__foot em{color:var(--auth-accent-text);white-space:nowrap;background:#fff0ea;border-radius:999px;flex:none;padding:4px 9px;font-size:9px;font-style:normal;font-weight:700;transition:background .45s,color .45s}@media (min-width:1100px){.auth-page{background:#f5f5f5;grid-template-columns:1fr 1fr;align-items:stretch;height:100svh;min-height:720px;padding:20px 20px 20px 0;display:grid}.auth-showcase{display:block;position:relative;overflow:hidden}.auth-stage{background:#fff;border-radius:48px;justify-content:center;height:100%;padding:48px 40px 88px;position:relative}.auth-tabs{display:grid}.auth-stage__links{display:flex;position:absolute;bottom:32px}.auth-panel--signup .auth-samples{display:none}.auth-panel--signup .auth-tabs{margin-bottom:46px}.auth-panel--signup .auth-choices{padding-top:6px}}@media (min-width:1100px) and (max-width:1279px){.auth-showcase__grid{grid-template-columns:repeat(2,minmax(0,170px))}.auth-showcase__column:nth-child(3){display:none}}@media (max-width:480px){.auth-panel h1{font-size:20px}.auth-samples{margin-left:-20px;margin-right:-20px;-webkit-mask-image:none;mask-image:none}}@media (prefers-reduced-motion:reduce){.auth-panel,.auth-bubble,.auth-samples__track,.auth-showcase__track{animation:none}.auth-samples{overflow-x:auto}}.auth-gate__text{text-align:center;color:#6a7282;letter-spacing:-.03em;margin:10px 0 22px;font-size:15px;line-height:1.6}.auth-gate__signout{color:#6a7282;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;width:100%;margin-top:14px;font-size:14px;text-decoration:underline}