:root{font-family:Segoe UI,Arial,sans-serif;color:#162d46;background:#edf3f8;font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:#006eae;text-underline-offset:4px}.shell{min-height:100svh;display:grid;grid-template-columns:46% 54%}.story{background:#082c47;color:#fff;padding:40px 58px;display:flex;flex-direction:column;position:relative;overflow:hidden}.brand{display:block;width:250px;max-width:100%;padding:12px 20px;background:#fff;border-radius:10px}.brand img{display:block;width:100%;height:auto}.story-content{margin:auto 0;padding:50px 0;position:relative}.eyebrow{font-size:11px;letter-spacing:2.1px;font-weight:700;color:#65d2f2}h1{font-size:clamp(32px,3.1vw,50px);font-weight:600;line-height:1.18;letter-spacing:-1.6px;margin:23px 0}.story p{color:#b4ccde;font-size:17px;line-height:1.7;max-width:330px}.route{display:flex;align-items:center;margin:50px 0 14px;max-width:320px}.route span{border:3px solid #50c8ef;border-radius:50%;width:13px;height:13px;background:#082c47}.route span:last-child{background:#50c8ef}.route i{height:1px;flex:1;background:#3c718e}.route-labels{display:flex;justify-content:space-between;max-width:339px;font-size:12px;color:#b4ccde}.story footer{font-size:10px;letter-spacing:1.5px;color:#9db7cb}.story footer span{margin:0 10px}.access{background:#fff;display:flex;flex-direction:column;padding:45px 68px 24px;justify-content:center;position:relative}.form-wrap{width:100%;max-width:410px;margin:auto}.blue{color:#0274b0}h2{font-size:30px;letter-spacing:-.7px;line-height:1.25;margin:17px 0 12px;font-weight:650}.intro{color:#64788a;font-size:15px;line-height:1.6;margin:0 0 29px}label{display:block;font-size:13px;font-weight:600;margin:18px 0 8px}input{font:inherit;font-size:15px;width:100%;border:1px solid #cad6e0;background:#f9fbfd;border-radius:7px;padding:12px 14px;color:#162d46;min-height:46px}input:focus{outline:3px solid #bde9fc;border-color:#007bb9}button{width:100%;display:flex;justify-content:space-between;align-items:center;padding:14px 18px;margin-top:26px;background:#007cba;border:0;border-radius:7px;font:600 14px Segoe UI,Arial,sans-serif;color:#fff;cursor:pointer;transition:background .16s,transform .16s}button:hover{background:#005e94;transform:translateY(-1px)}button:focus-visible,a:focus-visible{outline:3px solid #39bcec;outline-offset:4px}button span{font-size:21px;line-height:1}.switch{text-align:center;font-size:13px;margin:24px 0}.switch a{font-weight:650;margin-left:5px}.note{font-size:11px;line-height:1.7;color:#718394;margin-top:26px}.access-footer{text-align:center;font-size:11px;color:#8a9ba9;margin-top:28px}.error{padding:12px 14px;background:#fff2f1;color:#a02429;font-size:13px;line-height:1.5;border-left:3px solid #ba1419;border-radius:4px}small{display:block;font-size:11px;color:#718394;margin-top:7px}.account{padding:20px;background:#edf7fb;border:1px solid #d6eaf4;border-radius:8px;margin-top:24px}.account span{display:block;color:#64788a;font-size:12px;margin-bottom:8px}.account strong{font-size:15px;overflow-wrap:anywhere}@media(max-width:800px){.shell{grid-template-columns:1fr}.story{padding:22px 26px}.brand{width:190px;padding:8px 15px}.story-content{padding:24px 0 8px}h1{font-size:30px;margin:15px 0}.story p{font-size:14px;max-width:none;margin-bottom:0}.route,.route-labels,.story footer{display:none}.access{padding:30px 26px 20px}.form-wrap{max-width:430px}h2{font-size:26px}.intro{margin-bottom:20px}}@media(min-width:801px) and (max-height:740px){.story{padding:28px 42px}.access{padding-top:24px}.intro{margin-bottom:18px}label{margin-top:13px}input{padding:10px 12px;min-height:42px}h2{font-size:27px}.note{margin-top:16px}.switch{margin:18px 0}}
