:root{font-family:Tahoma,Arial,sans-serif;color:#152b48;background:#edf2f8}*{box-sizing:border-box}body{margin:0;padding:28px;min-height:100vh;display:grid;place-items:center}
.login-shell{width:min(1420px,100%);min-height:min(820px,calc(100vh - 56px));display:grid;grid-template-columns:44% 56%;background:white;border-radius:26px;overflow:hidden;box-shadow:0 24px 80px #0c284b16}
.login-panel{padding:44px clamp(24px,4vw,68px) 25px;display:flex;flex-direction:column;justify-content:space-between;gap:38px}.station-brand{display:flex;align-items:center;gap:14px}.station-mark{display:grid;place-items:center;flex:none;width:60px;height:60px;border-radius:19px;background:#082b54;color:white;font-size:22px;font-weight:bold;box-shadow:inset 0 -4px 0 #edb54d}.station-brand strong{display:block;font-size:19px}.station-brand div>span{display:block;font-size:12px;color:#67788d;margin-top:8px}
.form-content{width:100%;max-width:390px;margin:auto}.eyebrow{color:#245fba;font-size:13px;font-weight:bold;margin:0 0 13px}h1{font-size:34px;line-height:1.5;margin:0 0 10px;letter-spacing:-1px}.intro{font-size:14px;line-height:2;color:#68768b;margin:0 0 30px}form{display:grid;gap:11px}label{font-size:13px;font-weight:bold;margin-top:7px}label small{font-weight:normal;color:#64748b}input{font:inherit;font-size:16px;width:100%;height:56px;border:1px solid #d7dfea;border-radius:12px;background:#fbfcfe;padding:12px 16px;color:#152b48}input:focus{outline:3px solid #2563eb24;border-color:#2563eb}
.password-field{position:relative}.password-field input{padding-left:92px}.password-field button{position:absolute;left:9px;top:9px;height:38px;border:0;background:transparent;color:#365c8a;font:inherit;font-size:12px;cursor:pointer;border-radius:7px;padding:0 7px}.login-submit{display:flex;align-items:center;justify-content:space-between;gap:12px;border:0;border-radius:12px;background:#135be0;color:white;padding:17px 20px;font:inherit;font-size:16px;font-weight:bold;cursor:pointer;margin-top:14px;box-shadow:0 9px 20px #135be023}.login-submit:hover{background:#0d49ba}.login-submit span{font-size:23px;line-height:1}.login-help{margin-top:23px;color:#526780;font-size:12px;line-height:2}.login-help summary{cursor:pointer}.login-help p{margin-bottom:0}.access-note{color:#68768b;text-align:center;font-size:11px;margin:0;line-height:2}
.visual-panel{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:space-between;min-height:740px;padding:55px 48px 30px;color:white;background:#061d39 url('station-hero-v1.png') 37% 70%/cover no-repeat}.visual-panel:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#041b38c9 0%,#0723423d 42%,#04182e15 55%,#04182ff2 100%)}.visual-tag{display:inline-block;font-size:12px;border:1px solid #ffffff40;border-radius:30px;padding:9px 15px;color:#dbeafa;background:#ffffff0a}.visual-copy h2{font-size:clamp(35px,3.5vw,53px);line-height:1.65;letter-spacing:-1.5px;margin:24px 0 12px}.visual-copy em{font-style:normal;color:#f1bf64}.visual-copy p{font-size:16px;color:#cfdfef;line-height:2.1;margin:0}.daily-note{font-size:14px;margin:0 0 20px;color:#e6eef9}.feature-list{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:19px 0;border-top:1px solid #ffffff29;border-bottom:1px solid #ffffff29}.feature-list span{font-size:12px;white-space:nowrap}.feature-list b{display:inline-block;color:#efbf6b;font-size:11px;margin-left:7px;font-weight:normal}.independent-note{color:#a7bbd2;font-size:10px;margin:18px 0 0}.login-alert{background:#fff2f1;border:1px solid #efc5c1;border-radius:10px;color:#963628;padding:12px;font-size:13px;line-height:2;margin-bottom:18px}button:focus-visible,summary:focus-visible{outline:3px solid #dfaa45;outline-offset:4px}[hidden]{display:none!important}
@media(min-width:1500px){.visual-panel{min-height:820px}}@media(max-width:900px){body{padding:16px}.login-shell{grid-template-columns:52% 48%;border-radius:20px}.visual-panel{padding:40px 25px;min-height:700px}.visual-copy h2{font-size:34px}.feature-list{grid-template-columns:1fr;gap:16px}.login-panel{padding:32px 25px 24px}}
@media(max-width:640px){body{display:block;padding:0;background:white}.login-shell{display:flex;flex-direction:column;border-radius:0;box-shadow:none;min-height:100vh}.login-panel{padding:28px 25px 24px;min-height:100svh;gap:35px}.form-content{max-width:420px}.station-mark{width:52px;height:52px;font-size:20px}.visual-panel{min-height:390px;padding:30px 25px;background-position:36% 65%}.visual-copy h2{font-size:29px;margin:15px 0 8px;line-height:1.55}.visual-copy p{font-size:13px}.feature-list{grid-template-columns:repeat(3,1fr);gap:7px}.feature-list span{font-size:10px}.visual-bottom{margin-top:55px}.daily-note{font-size:12px}h1{font-size:31px}}