body[data-screen="login"]{background:#ece7df;color:#29241f}
body[data-screen="login"] .topbar{background:transparent;border:0;position:static}
body[data-screen="login"] .topbar .nav{max-width:1040px;margin:auto}
body[data-screen="login"] .auth-layout{display:block!important;max-width:480px!important;margin:22px auto 64px!important;border-radius:34px;background:#fffdfa;box-shadow:0 24px 80px #33251a18;overflow:hidden}
body[data-screen="login"] .hero{position:relative;background:#2b2522!important;color:#fff8ed;padding:38px 30px 44px!important;overflow:hidden;text-align:left!important}
body[data-screen="login"] .hero:before{content:'';position:absolute;width:210px;height:210px;border:1px solid #d8ae7855;border-radius:50%;right:-60px;top:-110px;box-shadow:0 0 0 32px #d8ae7809,0 0 0 64px #d8ae7807;animation:auth-orbit 8s ease-in-out infinite alternate}
body[data-screen="login"] .hero .inner{padding:0!important;text-align:left!important;position:relative}
body[data-screen="login"] #who{display:block;background:none;color:#dfb59a;border:0;padding:0;font-size:12px;letter-spacing:.04em}
body[data-screen="login"] #title{color:#fff8ed!important;font-size:34px!important;line-height:1.25;margin:14px 0 10px!important;letter-spacing:-.04em}
body[data-screen="login"] #lede{color:#d3c7bd!important;font-size:14px!important;line-height:1.65;margin:0!important}
body[data-screen="login"] .auth-editorial{display:none!important}
body[data-screen="login"] .auth-layout>.wrap{padding:0 26px 28px!important;margin:0!important;max-width:none!important;width:auto!important;background:#fffdfa;position:relative;border-radius:28px 28px 0 0;transform:translateY(-20px);margin-bottom:-20px!important}
body[data-screen="login"] #out>.card{padding:0!important;border:0!important;background:none!important;box-shadow:none!important}
.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:5px;background:#efebe5;border-radius:14px;position:relative;top:18px;margin-bottom:40px}
.auth-tabs button{width:auto;margin:0;padding:12px;border:0;border-radius:10px;background:transparent;color:#71685f;font-size:14px;font-weight:700;cursor:pointer}
.auth-tabs button[aria-selected="true"]{background:#2b2522;color:#fff8ed;box-shadow:0 3px 10px #30261c20}
body[data-screen="login"] .field{position:relative;margin-bottom:19px}
body[data-screen="login"] .field label{display:block;font-size:13px;color:#51463e;margin-bottom:8px;font-weight:650}
body[data-screen="login"] .field input{width:100%;box-sizing:border-box;border:1px solid #ded5cb!important;background:#f8f5f0!important;color:#29241f!important;border-radius:13px!important;min-height:52px;padding:14px 16px!important;font-size:16px;transition:border-color .2s,box-shadow .2s,background .2s}
body[data-screen="login"] .field input:focus{border-color:#a75d40!important;outline:none;box-shadow:0 0 0 4px #a75d4014!important;background:#fffdfa!important}
body[data-screen="login"] .field:has(.auth-eye) input{padding-right:65px!important}
.auth-eye{position:absolute;right:10px;bottom:8px;width:auto!important;border:0;background:transparent;color:#7b5140;padding:10px;font-size:12px;cursor:pointer}
body[data-screen="login"] .go{background:#a95638!important;border:0!important;color:white!important;border-radius:13px!important;min-height:52px;font-size:15px;font-weight:750;box-shadow:0 6px 16px #a9563820;transition:transform .18s,background .18s}
body[data-screen="login"] .go:active{transform:scale(.98)}
body[data-screen="login"] .go:disabled{opacity:.6;cursor:wait}
body[data-screen="login"] label.opt{font-size:13px;color:#62574e}
body[data-screen="login"] label.opt input{accent-color:#a95638}
body[data-screen="login"] label.opt small{color:#7a7067;font-size:12px}
body[data-screen="login"] .role.on{background:#f5e8dc!important;border-color:#a95638!important;color:#713f2c!important}
body[data-screen="login"] .account-screen{background:#f6f0e8!important;border-color:#b87555!important;color:#51463e!important;padding:16px!important}
body[data-screen="login"] .account-screen h2{font-size:18px!important;color:#51463e!important}
body[data-screen="login"] .account-screen p,body[data-screen="login"] .account-purpose{color:#716257!important}
body[data-screen="login"] .kakao{border-radius:12px!important;min-height:48px;font-size:14px}
body[data-screen="login"] .naver-login{background:#fffdfa!important;color:#39332d!important;border:1px solid #ded5cb!important}
body[data-screen="login"] .swap button,body[data-screen="login"] .findrow button{color:#8e4c33!important}
body[data-screen="login"] .swap button{width:auto!important}
body[data-screen="login"] .note.err{color:#a3312d!important;background:#fff1ed;border:1px solid #e8bdb5;padding:12px;border-radius:10px;font-size:13px}
body[data-screen="login"] .why{font-size:12px;line-height:1.65;color:#776b61}
body[data-screen="login"] .auth-layout button:focus-visible{outline:3px solid #bc8467;outline-offset:3px}
@keyframes auth-orbit{to{transform:translate(-24px,20px) rotate(20deg)}}
@media(max-width:560px){body[data-screen="login"]{background:#2b2522}body[data-screen="login"] .topbar{display:none}body[data-screen="login"] .auth-layout{margin:0!important;max-width:none!important;border-radius:0;box-shadow:none;min-height:100dvh}body[data-screen="login"] .hero{padding:42px 26px 48px!important}body[data-screen="login"] .auth-layout>.wrap{padding:0 22px 30px!important}}
@media(prefers-reduced-motion:reduce){body[data-screen="login"] *,body[data-screen="login"] *:before{animation:none!important;transition:none!important}}
body[data-screen="login"] .auth-layout{padding:0!important}
body[data-screen="login"] .auth-layout>.wrap.narrow{display:block!important;border:0!important}
body[data-screen="login"] .auth-layout>.hero{border-radius:0!important}
body[data-screen="login"] #who.badge{background:transparent!important;border:0!important;color:#dfb59a!important}