*{box-sizing:border-box}html,body,#root{color:#eef8ff;background:#061522;min-height:100%;margin:0;font-family:Inter,Segoe UI,Arial,sans-serif}button,input{font:inherit}.shell{background:radial-gradient(circle at 15% 10%,#0c5a68 0,#0000 30%),linear-gradient(135deg,#061522,#09293a 58%,#071827);grid-template-columns:1.1fr .9fr;align-items:center;gap:6vw;min-height:100vh;padding:5vw;display:grid}.hero{max-width:720px}.logo{letter-spacing:-2px;font-size:48px;font-weight:900}.logo b,.brand strong{color:#ff8b2c}.hero h1{margin:30px 0 18px;font-size:clamp(38px,5vw,72px);line-height:1.02}.hero p{color:#a9c2cf;font-size:20px;line-height:1.6}.rolecards{grid-template-columns:1fr 1fr;gap:14px;margin-top:34px;display:grid}.rolecards button{color:#dcecf4;text-align:left;cursor:pointer;background:#0b2634;border:1px solid #1f5364;border-radius:18px;padding:22px}.rolecards button.active{background:#0c3341;border-color:#29d4dd;box-shadow:0 0 0 2px #29d4dd22}.rolecards b,.rolecards span{display:block}.rolecards b{margin-bottom:7px;font-size:19px}.rolecards span{color:#93b4c2;font-size:13px;line-height:1.4}.loginCard{color:#0a1c29;background:#fff;border-radius:24px;width:100%;max-width:520px;padding:38px;box-shadow:0 30px 80px #0007}.eyebrow{letter-spacing:2px;color:#0d8993;font-size:12px;font-weight:900}.loginCard h2{margin:8px 0;font-size:34px}.muted{color:#607381;margin-bottom:28px}.loginCard label{margin:16px 0;font-size:13px;font-weight:800;display:block}.loginCard input{border:1px solid #ccd9df;border-radius:12px;outline:none;width:100%;margin-top:8px;padding:14px 15px;display:block}.loginCard input:focus{border-color:#0aa8b5;box-shadow:0 0 0 3px #0aa8b51c}.submit{color:#fff;cursor:pointer;background:#ff8426;border:0;border-radius:12px;width:100%;margin-top:12px;padding:15px;font-weight:900}.submit:disabled{opacity:.6}.error{color:#a01e1e;background:#fff0f0;border:1px solid #ffcaca;border-radius:10px;margin-top:12px;padding:11px}.loginCard small{color:#7a8b96;margin-top:22px;line-height:1.4;display:block}.platform{background:#071827;flex-direction:column;height:100vh;display:flex}.topbar{background:#071827;border-bottom:1px solid #173646;flex:0 0 64px;justify-content:space-between;align-items:center;height:64px;padding:0 22px;display:flex}.brand{align-items:baseline;gap:0;font-size:25px;display:flex}.brand span{letter-spacing:1.8px;color:#7ea5b5;margin-left:12px;font-size:10px}.who{align-items:center;gap:12px;font-size:12px;display:flex}.who span{color:#7ea5b5;text-transform:uppercase}.who button{color:#d9e9f0;cursor:pointer;background:0 0;border:1px solid #2a4b5b;border-radius:9px;padding:8px 11px}.appframe{background:#fff;border:0;flex:1;width:100%}@media (width<=900px){.shell{grid-template-columns:1fr;padding:28px 18px}.hero h1{font-size:42px}.hero p{font-size:16px}.loginCard{max-width:none}.rolecards{grid-template-columns:1fr}.who span,.brand span{display:none}.topbar{padding:0 12px}.who{gap:8px}}