*{box-sizing:border-box} :root{--ink:#19251f;--green:#25453a;--mint:#c9ec72;--soft:#f5f8f4;--muted:#8b9991;--line:#dfe7e1;--error:#c96950}html,body{margin:0;min-height:100%;font-family:'Noto Sans KR','DM Sans',sans-serif;color:var(--ink);background:#eff3ef}button,input{font:inherit}.login-page{min-height:100vh;display:grid;grid-template-columns:minmax(500px,1.06fr) minmax(440px,.94fr);background:#fff}.visual-panel{position:relative;overflow:hidden;min-height:700px;background:#213a32;color:#eaf2ed;padding:39px 7.2%;display:flex;flex-direction:column}.visual-panel:before{content:'';position:absolute;width:670px;height:670px;border:1px solid #456257;border-radius:50%;right:-330px;top:80px;opacity:.5}.visual-panel:after{content:'';position:absolute;width:470px;height:470px;border:1px solid #385548;border-radius:50%;right:-225px;top:180px;opacity:.55}.visual-top,.visual-footer{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2}.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-family:'DM Sans',sans-serif;font-size:18px;font-weight:700;letter-spacing:.09em}.brand>span:last-child>span{color:var(--mint);font-weight:500}.brand-mark{display:flex;align-items:center;gap:3px;width:23px;height:23px}.brand-mark i{display:block;width:5px;border-radius:5px;background:var(--mint)}.brand-mark i:nth-child(1){height:11px}.brand-mark i:nth-child(2){height:21px}.brand-mark i:nth-child(3){height:15px}.system-badge{font-family:'DM Sans',sans-serif;font-size:9px;letter-spacing:.12em;color:#b7d3c0;display:flex;gap:8px;align-items:center}.system-badge i{width:6px;height:6px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 4px #42634c}.visual-content{position:relative;z-index:1;margin:auto 0;padding:52px 0 20px}.eyebrow{font-family:'DM Sans',sans-serif;font-size:10px;letter-spacing:.16em;color:#8ba799;font-weight:700;margin:0 0 17px}.visual-content h1{font-size:clamp(32px,4vw,52px);line-height:1.22;letter-spacing:-.08em;margin:0;font-weight:700}.visual-content h1 em{font-style:normal;color:var(--mint)}.visual-copy{font-size:13px;line-height:1.9;color:#a6bdb1;margin:22px 0 0}.elevator-scene{height:230px;width:min(480px,100%);position:relative;margin-top:30px}.shaft-line{position:absolute;bottom:0;height:185px;width:1px;background:#466458}.line-left{left:11%}.line-right{right:11%}.elevator-cabin{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);width:155px;height:181px;border:1px solid #618173;background:#1e322c;box-shadow:0 0 45px #bde66312}.cabin-top{position:absolute;left:14px;right:14px;top:15px;height:3px;background:#b8dd64}.cabin-light{position:absolute;top:28px;left:50%;transform:translateX(-50%);width:38px;height:2px;background:#a6c85b;box-shadow:0 0 15px #bfe86d}.cabin-doors{position:absolute;left:24px;right:24px;top:46px;bottom:13px;display:flex;border:1px solid #507266;background:#203b32}.cabin-doors span{width:50%;border-right:1px solid #507266;background:linear-gradient(100deg,transparent 43%,#315044 44%,transparent 47%)}.cabin-doors span+span{border:0;background:linear-gradient(80deg,transparent 43%,#315044 44%,transparent 47%)}.cabin-floor{position:absolute;bottom:8px;left:25px;right:25px;height:2px;background:#a8c962;box-shadow:0 0 10px #bde76e}.scene-floor{position:absolute;left:0;right:0;bottom:19px;height:1px;background:#59756a}.scene-glow{position:absolute;width:190px;height:100px;background:#c4ed6b18;filter:blur(30px);bottom:4px;left:50%;transform:translateX(-50%)}.floating-readout{position:absolute;display:flex;align-items:center;gap:9px;padding:10px 12px;border:1px solid #4d6a5d;background:#29443aee;box-shadow:0 12px 25px #142b2255}.floating-readout small{display:block;color:#9db5a8;font-size:8px;margin-bottom:3px}.floating-readout strong{display:block;font-family:'DM Sans';font-size:17px;color:#f1f8e7}.floating-readout b{font-family:'Noto Sans KR';font-size:9px;color:#a9c5af;font-weight:400}.readout-icon,.status-check{width:25px;height:25px;display:grid;place-items:center;background:#bfe66b;color:#3b572e;font-family:'DM Sans';font-size:17px;border-radius:4px}.status-check{background:#4b7862;color:#d4ef94;font-size:13px}.readout-temp{left:0;bottom:5px}.readout-status{right:0;top:25px}.visual-footer{font-family:'DM Sans';font-size:9px;color:#7d988b;letter-spacing:.04em}.visual-footer span+span{color:#aec3b7}.form-panel{position:relative;display:flex;flex-direction:column;align-items:center;padding:39px 7%;background:#fbfcfb}.form-wrap{width:100%;max-width:385px;margin:auto 0}.mobile-brand{display:none}.form-heading{margin-bottom:37px}.form-heading .eyebrow{color:#8aa58f;margin-bottom:14px}.form-heading h2{font-size:29px;letter-spacing:-.07em;margin:0 0 9px}.form-heading>p:last-child{font-size:12px;color:#97a39d;margin:0}.field{margin-bottom:20px}.field label{display:block;font-size:11px;font-weight:700;margin-bottom:9px}.input-wrap{height:48px;border:1px solid var(--line);background:#fff;border-radius:5px;display:flex;align-items:center;padding:0 13px;transition:.2s}.input-wrap:focus-within{border-color:#83a94d;box-shadow:0 0 0 3px #c9ec7226}.input-icon{font-size:19px;color:#a1afa7;width:24px;text-align:center;margin-right:5px}.input-icon.lock{font-size:14px}.input-wrap input{border:0;outline:0;flex:1;min-width:0;font-size:12px;color:var(--ink);height:100%}.input-wrap input::placeholder{color:#b3bcb7}.password-toggle{color:#83918a;font-size:10px;padding:6px 0}.password-toggle:hover{color:#5b7b34}.field-error{height:14px;margin:5px 0 0;color:var(--error);font-size:10px}.form-options{display:flex;justify-content:space-between;align-items:center;margin:1px 0 24px;font-size:10px;color:#87958e}.form-options a{color:#637c6e;text-decoration:none}.check-label{display:flex;align-items:center;gap:8px;cursor:pointer}.check-label input{position:absolute;opacity:0}.custom-check{width:14px;height:14px;border:1px solid #cbd6ce;border-radius:3px;background:#fff;position:relative}.check-label input:checked+.custom-check{background:#94ba4b;border-color:#94ba4b}.check-label input:checked+.custom-check:after{content:'✓';position:absolute;color:#fff;font-size:10px;left:2px;top:-1px}.login-button{width:100%;height:49px;border-radius:5px;background:var(--green);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 18px;font-size:12px;font-weight:700;transition:.2s}.login-button:hover{background:#315849}.login-button b{color:var(--mint);font-family:'DM Sans';font-size:20px;font-weight:400}.login-button.loading{opacity:.7;pointer-events:none}.login-message{height:18px;font-size:10px;color:#6a8e3e;text-align:center;margin:12px 0 0}.login-message.error{color:var(--error)}.security-note{display:flex;gap:10px;align-items:flex-start;border-top:1px solid #e7ece8;margin-top:33px;padding-top:20px;color:#9aa69f}.security-note>span{color:#8bb34b;font-size:16px}.security-note p{font-size:10px;line-height:1.7;margin:0}.security-note strong{color:#66786e;font-weight:600}.form-footer{width:100%;max-width:385px;display:flex;justify-content:center;gap:11px;color:#a5b0aa;font-size:9px}.form-footer a{color:inherit;text-decoration:none}.form-footer span{height:9px;width:1px;background:#d5ded8}
@media(max-width:850px){.login-page{grid-template-columns:1fr}.visual-panel{display:none}.form-panel{min-height:100vh;padding:28px 28px 24px}.mobile-brand{display:block;width:100%;max-width:385px}.mobile-brand .brand{color:var(--ink);font-size:17px}.mobile-brand .brand-mark i{background:#7b9e39}.form-wrap{margin:auto 0}.form-footer{max-width:385px}}
@media(max-width:430px){.form-panel{padding:24px 20px 20px}.form-heading{margin-bottom:29px}.form-heading h2{font-size:26px}.form-footer{font-size:8px}.form-footer{gap:8px}}