@font-face{font-family:JalnanUI;src:url('/fonts/JalnanOTF00.woff') format('woff');font-weight:400;font-style:normal;font-display:swap}
*{box-sizing:border-box}html{color-scheme:light;--bg:#f5faff;--card:#fff;--fg:#193650;--muted:#7d94a9;--border:#dce9f4;--field:#f7fbff}html[data-theme=dark]{color-scheme:dark;--bg:#0b1017;--card:#121b26;--fg:#eef6ff;--muted:#8399af;--border:#283c51;--field:#0f1721}body{margin:0;background:var(--bg);font-family:JalnanUI,"Segoe UI","Malgun Gothic",sans-serif;color:var(--fg);min-height:100vh;display:grid;place-items:center;padding:48px}.login-shell{width:min(1120px,100%);min-height:710px;display:grid;grid-template-columns:1fr 1fr;background:var(--card);border:1px solid var(--border);border-radius:24px;overflow:hidden;box-shadow:0 30px 110px #001e4b15}.login-art{position:relative;background:linear-gradient(145deg,#0055b6,#007bd7 58%,#2db7e9);overflow:hidden;min-height:710px;color:white;padding:36px}.login-brand{font-size:18px;font-weight:700;position:relative;z-index:2;letter-spacing:-.5px}.login-brand>span{display:inline-grid;place-items:center;background:#fff2;border:1px solid #fff4;width:39px;height:39px;border-radius:11px;font-size:15px;margin-right:10px}.login-art>img{width:335px;height:335px;object-fit:contain;position:absolute;top:92px;left:50%;transform:translateX(-50%);z-index:1;mix-blend-mode:normal;border-radius:50%}.water-ring{border:1px solid #ffffff28;border-radius:50%;position:absolute;width:520px;height:520px;left:-100px;top:65px}.ring-two{width:630px;height:630px;left:-145px;top:18px;border-color:#ffffff14}.art-message{position:absolute;bottom:91px;left:38px;z-index:2}.art-message small{letter-spacing:2px;font-size:9px;color:#c7e9ff}.art-message h1{font-size:33px;letter-spacing:-1.5px;line-height:1.45;font-weight:700;margin:15px 0 10px}.art-message p{font-size:12px;color:#c4e8ff}.art-foot{position:absolute;bottom:29px;left:38px;font-size:10px;color:#b5ddf6}.login-form-area{position:relative;padding:60px;display:flex;align-items:center}.login-form-wrap{width:100%;max-width:340px;margin:auto}.welcome{font-size:9px;color:#51a9ea;letter-spacing:1.5px;font-weight:600}.login-form-wrap h2{font-size:34px;letter-spacing:-1.8px;margin:17px 0 10px}.login-form-wrap h2 span{color:#168de3}.login-form-wrap>p{font-size:14px;color:var(--muted);margin-bottom:36px}form{display:flex;flex-direction:column}label{font-size:13px;margin:0 0 9px;font-weight:600}input{width:100%;height:48px;margin-bottom:23px;padding:0 14px;border:1px solid var(--border);border-radius:9px;background:var(--field);color:var(--fg);outline:none;font:inherit;font-size:14px}input:focus{border-color:#249be9;box-shadow:0 0 0 3px #249be91a}input::placeholder{color:var(--muted);font-size:12px}#error{font-size:12px;line-height:1.5;color:#e37f94;margin:0 0 12px;min-height:14px}#submit{height:48px;display:flex;align-items:center;justify-content:space-between;background:#087bce;border:1px solid #208de0;border-radius:9px;color:#fff;padding:0 17px;font:inherit;font-size:14px;cursor:pointer;font-weight:600}#submit:hover{background:#0c8de7}#submit:disabled{opacity:.5;cursor:wait}.login-help{font-size:11px;color:var(--muted);margin-top:23px;text-align:center}#theme{position:absolute;right:25px;top:24px;border:1px solid var(--border);border-radius:50%;background:transparent;color:var(--muted);width:34px;height:34px;cursor:pointer;font-size:16px}footer{position:absolute;bottom:27px;left:60px;right:60px;font-size:10px;color:var(--muted);display:flex;justify-content:space-between}@media(max-width:760px){body{padding:20px}.login-shell{grid-template-columns:1fr;min-height:600px;max-width:470px}.login-art{display:none}.login-form-area{padding:68px 30px;min-height:600px}footer{left:30px;right:30px;font-size:9px}}