@charset "UTF-8";
.remember-option{display:flex;align-items:center;gap:9px;font-size:12px;color:#384c40;cursor:pointer}.remember-option input{width:16px;height:16px;margin:0;accent-color:#183e2d;flex-shrink:0}.remember-option small{display:block;margin-top:4px;font-size:10px;color:#748078}
*{box-sizing:border-box}
:root{color-scheme:light;font-family:Inter,"Pretendard","Noto Sans KR",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#192d2b;background:#f6f8f5;font-synthesis:none}
body{margin:0}a{color:inherit}button,input{font:inherit}button,summary,a{-webkit-tap-highlight-color:transparent}
.auth-shell{min-height:100svh;display:grid;grid-template-columns:minmax(0,1.06fr) minmax(0,1fr);padding:16px;gap:0;max-width:1920px;margin:auto}
.brand-panel{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;background:#123b33;border-radius:24px;color:#f3f6ef;padding:38px 44px 28px;min-height:calc(100svh - 32px)}
.brand-panel:before{content:"";position:absolute;z-index:-1;width:650px;height:650px;right:-400px;top:15%;border-radius:50%;background:#23634c;filter:blur(100px);opacity:.45}
.brand-panel:after{content:"";position:absolute;inset:0;z-index:-1;background-image:radial-gradient(#bde0c51c .7px,transparent .7px);background-size:18px 18px;mask-image:linear-gradient(transparent,black)}
.brand{text-decoration:none;display:flex;align-items:center;gap:12px;width:fit-content;font-size:25px;font-weight:750;letter-spacing:1.8px;line-height:1.1}
.brand-symbol{display:grid;place-content:center;position:relative;width:40px;height:40px;border:1px solid #92bbae70;border-radius:12px;font-size:34px;line-height:1;font-weight:500;letter-spacing:-3px;padding-right:7px}
.brand-symbol>span{position:absolute;font-size:17px;right:4px;top:4px;color:#c9ee9c;letter-spacing:0}
.brand-caption{display:block;margin-top:7px;font-size:8px;letter-spacing:2.2px;font-weight:500;color:#bfd2c9}
.brand-story{padding-top:65px;margin:auto 0;width:100%}.eyebrow{font-size:11px;letter-spacing:1.8px;font-weight:600;display:flex;align-items:center;gap:9px;color:#c3d2c7}.eyebrow>span{width:6px;height:6px;background:#d4edab;border-radius:50%}
h1{font-size:clamp(32px,3.6vw,58px);line-height:1.3;letter-spacing:-2.5px;font-weight:650;margin:22px 0}h1 em{font-style:normal;color:#d2ecad}
.brand-description{font-size:13px;line-height:1.9;color:#b7ccc2;letter-spacing:-.15px;margin:0}
.workflow-art{height:318px;position:relative;max-width:435px;margin:28px 0 15px}.art-orbit{position:absolute;border:1px solid #c0dfca15;border-radius:50%;width:310px;height:310px;left:50px;top:0;transform:rotate(-23deg)}.orbit-two{width:385px;height:230px;top:37px;left:8px;transform:rotate(-33deg)}
.flow-card{position:absolute;display:flex;align-items:center;gap:13px;border:1px solid #95bdaa40;border-radius:14px;box-shadow:0 16px 35px #06231c30;backdrop-filter:blur(12px);background:#20483fe8;padding:17px 19px;min-width:255px;z-index:2}.flow-card small{display:block;font-size:8px;letter-spacing:1.8px;color:#bed3c5;margin-bottom:7px}.flow-card strong{font-size:13px;font-weight:550;letter-spacing:-.25px}.card-icon{display:grid;place-content:center;width:35px;height:35px;border:1px solid #97beac40;border-radius:10px;font-size:24px;color:#d4ebaf;flex-shrink:0}.source-card{left:0;top:13px;transform:rotate(-4deg)}.card-dot{width:6px;height:6px;margin-left:14px;background:#c2dfa4;border-radius:50%}.ai-card{left:65px;top:108px;transform:rotate(3deg);background:#e1ebd4;color:#153a2e;border-color:#e1ebd4;min-width:280px}.ai-card small{color:#587057}.ai-card .card-icon{color:#294e33;border-color:#93ac8540;background:#d0dfbf}.mini-tags{display:flex;gap:5px;margin-top:12px}.mini-tags span{font-size:9px;padding:4px 8px;border:1px solid #8ca77a50;border-radius:5px;color:#526848}.order-card{right:3px;top:240px;transform:rotate(-3deg);min-width:245px}.flow-line{position:absolute;width:1px;border-left:1px dashed #c2dcad70;z-index:1}.line-one{height:50px;left:100px;top:83px}.line-two{height:50px;right:75px;top:208px}.art-plus{position:absolute;font-size:23px;color:#d0e6b4a0;font-weight:200}.plus-one{right:13px;top:35px}.plus-two{left:22px;bottom:28px}
.brand-footer{display:flex;justify-content:space-between;gap:15px;align-items:center;padding-top:38px;font-size:10px;color:#a4bdb0;letter-spacing:.25px}
.login-panel{display:flex;flex-direction:column;padding:30px 42px 20px;min-width:0}.panel-top{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#61716c}.beta-tag{border:1px solid #dce3dd;border-radius:100px;padding:6px 10px;font-size:10px;color:#68776e}.login-content{width:100%;max-width:370px;margin:auto;padding:55px 0 45px}.welcome-mark{width:42px;height:42px;display:grid;place-content:center;background:#e7ecdf;border:1px solid #dce4d1;border-radius:13px;color:#345441;font-size:26px;margin-bottom:26px}.form-eyebrow{color:#738475;font-size:9px;letter-spacing:2px;margin-bottom:13px}h2{margin:0;font-size:32px;line-height:1.35;font-weight:650;letter-spacing:-1.4px}.login-description{font-size:12px;color:#748078;line-height:1.7;margin:15px 0 30px;letter-spacing:-.2px}.auth-form{display:grid;gap:19px}.field{display:grid;gap:9px}.field label{font-size:12px;font-weight:600;color:#384c40}.field input{width:100%;min-width:0;height:49px;border:1px solid #dce3dc;border-radius:9px;background:#fff;padding:0 15px;font-size:13px;color:#1e3428;transition:border-color .15s,box-shadow .15s;outline:none}.field input::placeholder{color:#99a39b;font-size:12px}.field input:focus{border-color:#527b5d;box-shadow:0 0 0 3px #527b5d17}.primary-button{display:flex;align-items:center;justify-content:center;gap:15px;height:49px;border:1px solid #183e2d;border-radius:9px;background:#183e2d;color:#fff;font-size:12px;font-weight:600;cursor:pointer;margin-top:5px;transition:background .15s,transform .15s}.primary-button span{font-size:18px;font-weight:400}.primary-button:hover{background:#28513b}.primary-button:active{transform:translateY(1px)}:focus-visible{outline:3px solid #84a868;outline-offset:4px}.divider{display:flex;align-items:center;gap:12px;margin:27px 0 18px;color:#87918a;font-size:10px}.divider:before,.divider:after{content:"";flex:1;height:1px;background:#e1e6df}.ai-login{border:1px solid #dce3dc;border-radius:10px;background:#fff}.ai-login summary{list-style:none;display:flex;align-items:center;gap:12px;min-height:48px;padding:10px 15px;font-size:12px;font-weight:600;cursor:pointer}.ai-login summary::-webkit-details-marker{display:none}.ai-monogram{font-size:22px;color:#617551;line-height:1}.chevron{margin-left:auto;color:#718169;transition:transform .15s}.ai-login[open] .chevron{transform:rotate(180deg)}.ai-form-content{padding:0 17px 19px}.ai-form-content>p{font-size:11px;line-height:1.8;color:#68766d;margin:0 0 18px}.invite-note{margin-top:29px;display:flex;gap:12px;border-top:1px solid #e3e8e0;padding-top:23px}.invite-note>span{font-size:21px;color:#7a8b72}.invite-note strong{font-size:11px;color:#5b6d5c;font-weight:600}.invite-note p{font-size:10px;color:#7b887e;line-height:1.8;margin:6px 0 0}.login-footer{display:flex;justify-content:center;gap:7px;align-items:center;font-size:10px;color:#8a958b;letter-spacing:.2px}.lock-icon{font-size:15px}.message{font-size:12px;line-height:1.7;padding:12px 14px;border-radius:8px;margin:0 0 20px}.error{background:#fff0ed;border:1px solid #edcec6;color:#9b3a2c}.notice{background:#eaf2e5;border:1px solid #d4e1c9;color:#456139}
@media(min-width:1500px){.brand-panel{padding:48px 70px 30px}.brand-story{max-width:550px;margin:auto}.workflow-art{margin-top:45px}.login-content{max-width:400px}h2{font-size:38px}.login-description{font-size:14px}.field label,.primary-button{font-size:14px}}
@media(max-width:1000px){.brand-panel{padding:30px 27px 23px}.login-panel{padding:25px 28px 18px}h1{font-size:35px;letter-spacing:-1.8px}.brand-description{font-size:11px}.workflow-art{transform:scale(.86);transform-origin:left center;width:360px;margin-top:5px}.brand-footer{font-size:9px}.brand-footer span:first-child{max-width:145px}h2{font-size:28px}}
@media(max-width:760px){.auth-shell{display:block;padding:0}.brand-panel{min-height:0;border-radius:0 0 25px 25px;padding:24px 27px 28px}.brand{font-size:20px}.brand-symbol{width:34px;height:34px;font-size:29px}.brand-caption{font-size:7px}.brand-story{padding-top:31px;margin:0}.brand-story .eyebrow{font-size:9px}h1{font-size:31px;margin:15px 0 0;line-height:1.3}.brand-description,.workflow-art,.brand-footer{display:none}.login-panel{padding:23px 27px 25px}.panel-top{display:none}.login-content{padding:15px 0 30px;max-width:410px}.welcome-mark,.form-eyebrow{display:none}h2{font-size:25px}h2 br{display:none}.login-description{margin:11px 0 25px}.field input{font-size:16px}.login-footer{padding-top:10px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}