:root{color-scheme:light;--bg:#f5f6fa;--card:#fff;--text:#1c2634;--muted:#788696;--line:#e7ebf1;--mint:#1db88d;--shadow:0 8px 26px #263b5410;font-family:Inter,'Pretendard','Noto Sans KR',system-ui,-apple-system,sans-serif}
*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text)}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:2px solid #4fa9d3;outline-offset:3px}
.login-shell{max-width:1100px;margin:auto;padding:25px 28px 18px;min-height:100svh;display:flex;flex-direction:column}.brand{height:46px;display:flex;align-items:center;gap:9px;font-size:15px;font-weight:850;letter-spacing:.13em}.brand-icon{display:grid;place-items:center;width:31px;height:31px;border:1px solid #58c3ae;border-radius:10px;color:#29ad91;font-size:21px;letter-spacing:0}.brand-accent{color:#32b99a;font-weight:600}.brand-private{font-size:9px;letter-spacing:.17em;color:#a1aebb;margin-left:auto;font-weight:700}
.layout{flex:1;display:grid;grid-template-columns:1.05fr .95fr;gap:26px;align-items:center;padding:18px 0 10px}.showcase{min-width:0}.map-preview{height:405px;position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(circle at 65% 33%,#e2f2ed 0,transparent 35%),linear-gradient(120deg,#e9f0e8,#eef1e9 40%,#dfece7);border:1px solid #dce8df;border-radius:27px;box-shadow:var(--shadow)}.map-pattern{position:absolute;inset:-30%;transform:rotate(-16deg);background:repeating-linear-gradient(90deg,transparent 0 63px,#ffffff9c 64px 70px,transparent 71px 148px),repeating-linear-gradient(0deg,transparent 0 46px,#fff9 47px 51px,transparent 52px 122px);opacity:.7}.map-preview:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#f5f9f4a1 0,#ffffff0d 43%,#d8ebe9e8 100%);pointer-events:none;z-index:0}.map-preview svg{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#31afa1;stroke-width:4;stroke-linecap:round;opacity:.7}.map-top,.map-center,.map-bottom{position:absolute;z-index:2}.map-top{top:19px;left:21px;right:21px;display:flex;justify-content:space-between;align-items:center;gap:8px;color:#318d80;font-size:9px;letter-spacing:.16em;font-weight:800}.map-chip{background:#ffffffc9;padding:8px 10px;border-radius:99px;color:#1ca98a;letter-spacing:.05em;white-space:nowrap;box-shadow:var(--shadow)}.map-center{top:40%;left:50%;transform:translate(-50%,-35%);display:flex;flex-direction:column;align-items:center;text-align:center;min-width:235px}.pin-pulse{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:#fff;color:#16ae90;font-size:34px;box-shadow:0 0 0 9px #ffffff78,0 12px 28px #2b7d7337}.map-center strong{margin-top:15px;font-size:18px;letter-spacing:-.06em}.map-center small{margin-top:5px;color:#6a8286;font-size:11px}.map-bottom{left:17px;right:17px;bottom:17px;display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.map-bottom>div{background:#fffffff0;border:1px solid #fff;border-radius:15px;box-shadow:var(--shadow);padding:13px 9px;display:flex;flex-direction:column;gap:8px;font-size:11px;font-weight:750}.tiny-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:#e4f0fc;color:#428fd5;font-size:16px}.tiny-icon.energy{background:#e1f6ef;color:#20b68a}.tiny-icon.chart{background:#f0ecfb;color:#806bd4}
.showcase-copy{padding:27px 5px 0}.eyebrow,.card-kicker{color:#398d82;font-size:10px;letter-spacing:.17em;font-weight:800}.showcase-copy h1{font-size:clamp(30px,3vw,43px);line-height:1.26;letter-spacing:-.07em;margin:10px 0 11px}.showcase-copy em{font-style:normal;color:#1cae8b}.showcase-copy p{font-size:13px;color:var(--muted);margin:0;line-height:1.7}
.sign-in{display:flex;justify-content:center;align-items:center;min-width:0}.login-card{background:var(--card);border:1px solid var(--line);border-radius:25px;box-shadow:0 15px 55px #243b5612;width:min(100%,440px);padding:39px 37px}.card-kicker{display:flex;align-items:center;gap:8px}.card-kicker span{width:19px;height:2px;background:#32b99a}.login-card h2{font-size:clamp(31px,3vw,39px);line-height:1.23;letter-spacing:-.075em;margin:22px 0 9px}.intro{font-size:13px;color:var(--muted);margin:0 0 32px}.login-card form{display:flex;flex-direction:column}.login-card label{font-size:12px;font-weight:750;margin-bottom:9px}.input-wrap{height:54px;display:flex;align-items:center;border:1px solid #dce4eb;background:#f8fafc;border-radius:12px;margin-bottom:19px;transition:border-color .2s,box-shadow .2s}.input-wrap:focus-within{border-color:#45bca0;box-shadow:0 0 0 3px #45bca01a}.input-wrap>span{color:#85a7ad;margin:0 15px;font-size:18px}.input-wrap input{flex:1;min-width:0;height:100%;border:0;background:transparent;outline:0;color:var(--text);font-size:14px}.input-wrap input::placeholder{color:#a1afbb}.reveal{background:transparent;border:0;padding:14px;color:#6c8290;font-size:12px;font-weight:700}.reveal:hover{color:#159e81}.submit{height:55px;width:100%;border:0;border-radius:13px;background:linear-gradient(105deg,#61d1ae,#29b993);color:#fff;font-weight:800;font-size:14px;box-shadow:0 10px 22px #2db48e35;display:flex;align-items:center;justify-content:center;gap:10px;transition:transform .2s}.submit:hover{transform:translateY(-2px)}.submit span:last-child{font-size:20px;font-weight:400}.privacy{display:flex;align-items:center;justify-content:center;gap:7px;color:var(--muted);font-size:10px;margin-top:21px}.privacy span:first-child{color:#39b996;font-size:15px}.error{padding:11px 12px;border-radius:10px;border:1px solid #eebbbb;background:#fff1f1;color:#b34848;font-size:12px;margin:0 0 17px}.login-shell footer{text-align:center;color:#a1aeba;font-size:9px;letter-spacing:.17em;font-weight:750;padding:12px 0}.login-shell footer span{padding:0 6px}
@media(max-width:800px){.login-shell{padding:13px 15px 20px}.brand{height:43px;font-size:12px}.brand-icon{width:28px;height:28px;font-size:18px}.brand-private{font-size:8px}.layout{display:flex;flex-direction:column;align-items:stretch;gap:12px;padding:9px 0}.map-preview{height:225px;border-radius:20px}.map-top{top:13px;left:14px;right:14px;font-size:8px}.map-chip{padding:6px 8px;font-size:8px}.map-center{top:43%;min-width:200px}.pin-pulse{width:43px;height:43px;font-size:25px}.map-center strong{font-size:15px;margin-top:10px}.map-center small{font-size:9px}.map-bottom{left:10px;right:10px;bottom:9px;gap:6px}.map-bottom>div{padding:7px;font-size:9px;border-radius:11px;flex-direction:row;align-items:center;gap:5px}.tiny-icon{width:21px;height:21px;flex:none;font-size:12px;border-radius:6px}.showcase-copy{display:none}.login-card{width:100%;max-width:none;padding:27px 23px 25px;border-radius:20px}.login-card h2{font-size:29px;margin:12px 0 7px}.intro{margin-bottom:24px}.input-wrap{height:49px;margin-bottom:15px}.submit{height:51px}.privacy{margin-top:17px}.login-shell footer{padding:10px 0}}
@media(max-width:360px){.brand-private{display:none}.map-preview{height:190px}.map-center strong{font-size:13px}.map-bottom>div{font-size:8px}.login-card{padding:22px 18px}.login-card h2{font-size:26px}}
:root[data-theme="dark"]{color-scheme:dark;--bg:#101721;--card:#1c2733;--text:#edf5f7;--muted:#9babba;--line:#314353;--shadow:0 8px 26px #0002}:root[data-theme="dark"] .map-preview{background:radial-gradient(circle at 65% 33%,#285156,transparent 45%),linear-gradient(120deg,#233b42,#1b343e);border-color:#35505a}:root[data-theme="dark"] .map-preview:after{background:linear-gradient(180deg,#203d41a8,transparent 45%,#122d35cf)}:root[data-theme="dark"] .map-bottom>div{background:#22343ee8;border-color:#49616a}:root[data-theme="dark"] .map-chip{background:#213842;color:#96e0ca}:root[data-theme="dark"] .map-center small{color:#d1dcdd}:root[data-theme="dark"] .input-wrap{background:#16222e;border-color:#3b4c5a}:root[data-theme="dark"] .input-wrap input::placeholder{color:#748899}:root[data-theme="dark"] .error{background:#7e333331;border-color:#b45656;color:#ffd4d4}