:root{font-family:Arial,sans-serif;color:#292364;background:#f3f6fb}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0}#login{min-height:100dvh;display:grid;place-items:center;padding:24px;border-top:5px solid #2d70b7;background:radial-gradient(ellipse at 10% 0,#dceafa,transparent 60%),#f3f6fb}.card{width:min(100%,460px);padding:40px;background:white;border:1px solid #dce4ee;border-radius:20px;box-shadow:0 18px 65px #2923640c}.logo{font-size:39px;font-weight:800;letter-spacing:-2px;color:#216bb2}.logo span{color:#43af49;font-weight:500}.eyebrow{font-size:11px;letter-spacing:2px;margin:28px 0 12px}h1{font-size:30px;line-height:1.14;margin:0}.intro{color:#627187;line-height:1.6;margin-bottom:28px}label{display:block;font-size:13px;font-weight:600;margin:18px 0 8px}input{width:100%;font:inherit;border:1px solid #cad5e3;border-radius:8px;padding:13px;outline-offset:3px}input:focus-visible,button:focus-visible{outline:3px solid #43af49}button{font:inherit;cursor:pointer;border:0;border-radius:8px;background:#2d70b7;color:white;font-weight:600;padding:13px 18px}#submit{width:100%;margin-top:24px}button:disabled{opacity:.65;cursor:wait}#status{font-size:13px;line-height:1.5;min-height:20px;color:#8d3434}small{color:#718096;font-size:11px;line-height:1.5}#workspace{height:100dvh;display:flex;flex-direction:column}nav{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;background:white;border-top:4px solid #2d70b7;border-bottom:1px solid #dce4ee}nav button{font-size:12px;padding:10px}iframe{width:100%;flex:1;border:0;min-height:0}@media(max-width:500px){.card{padding:28px}h1{font-size:27px}}