*{box-sizing:border-box}body{margin:0;font-family:"Segoe UI","Microsoft YaHei",sans-serif;color:#153447;background:#f5f8fc}button,input{font:inherit}button{cursor:pointer}#login{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.brand{background:#072c4c;color:white;padding:12vh 10%;display:flex;flex-direction:column;justify-content:center}.brand-name{font-size:33px;font-weight:700;letter-spacing:.02em}.brand h1{font-size:clamp(30px,3vw,46px);line-height:1.5;font-weight:500;margin:52px 0 24px}.brand p{color:#c1d4e5;font-size:14px;line-height:2}.brand>span{color:#a6bfd4;font-size:12px;margin-top:60px}.login-panel{display:grid;place-items:center;padding:40px}form{width:min(100%,360px)}.eyebrow{color:#346a97;font-size:12px}h2{font-size:26px;font-weight:550;margin:13px 0}form>p{font-size:13px;line-height:1.8;color:#566b7b}label{display:block;font-size:13px;margin:23px 0 10px}input{width:100%;height:46px;border:1px solid #b7c6d4;border-radius:5px;padding:10px 12px;background:white;color:#153447}input:focus-visible,button:focus-visible{outline:3px solid #508cbd;outline-offset:3px}button{border:0;border-radius:5px}#submit{background:#1262a0;color:white;width:100%;padding:14px;font-size:14px}#submit:disabled{opacity:.6;cursor:wait}#message{min-height:24px;color:#9a382f;font-size:12px;margin:12px 0}form .fine{font-size:11px;margin-top:22px;line-height:1.9}#experience[hidden],#login[hidden]{display:none}#experience header{height:54px;background:#072c4c;color:white;display:flex;gap:23px;align-items:center;padding:0 22px;font-size:12px}#experience header>span{color:#c2d6e8}#logout{margin-left:auto;background:#214e71;color:white;padding:8px 12px;font-size:12px}#frame-container{height:calc(100vh - 54px)}iframe{border:0;display:block;width:100%;height:100%}@media(max-width:700px){#login{grid-template-columns:1fr}.brand{padding:35px 25px}.brand-name{font-size:24px}.brand h1{font-size:29px;margin:25px 0 12px}.brand p{font-size:12px;margin:0}.brand>span{margin-top:25px;font-size:10px}.login-panel{padding:32px 25px}#experience header{padding:0 12px;gap:10px;font-size:10px}#logout{font-size:10px;padding:7px}h2{font-size:23px}}