:root{font-family:"Segoe UI",Arial,sans-serif;color:#183c28;background:#eef4f2;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;min-height:100svh;display:grid;place-items:center;padding:32px;background:radial-gradient(ellipse at 15% 10%,#e2ecf8,transparent 55%),linear-gradient(135deg,#f5f9f6,#e8f1eb)}
.login-card{width:min(960px,100%);display:grid;grid-template-columns:1.1fr .9fr;background:white;border-radius:24px;overflow:hidden;box-shadow:0 20px 60px #163c4017}
.brand{min-height:540px;padding:44px;background:linear-gradient(155deg,#3b84c5,#2367a3);color:white;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}
.brand:after{content:"";position:absolute;width:280px;height:280px;border:1px solid #ffffff20;border-radius:50%;right:-150px;bottom:-110px;box-shadow:0 0 0 45px #ffffff06,0 0 0 90px #ffffff04;pointer-events:none}
.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px}.brand-copy{position:relative;z-index:1}.brand h1{font-size:52px;letter-spacing:-2px;margin:0 0 20px;line-height:1.05}.brand p{font-size:17px;line-height:1.65;margin:0;max-width:350px;color:#eef5fc}.brand-footer{font-size:12px;color:#d4e6f7}
.form-panel{padding:56px 38px;align-self:center}.form-panel>.eyebrow{color:#607a69}h2{font-size:30px;letter-spacing:-.7px;margin:12px 0}.intro{font-size:14px;line-height:1.6;color:#607a69;margin:0 0 28px}.field{margin-bottom:20px}label{display:block;font-size:13px;margin-bottom:8px;font-weight:600;color:#264633}
input:not([type=hidden]){font:inherit;font-size:14px;width:100%;padding:14px;border-radius:10px;border:1px solid #d3e1d7;background:#fbfdfb;color:#183c28}input::placeholder{color:#8c9b94}input:focus-visible,button:focus-visible{outline:3px solid #8cbae5;outline-offset:3px}
button{font:inherit;font-size:14px;border:0;border-radius:10px;background:#347ebf;color:white;padding:14px 20px;font-weight:600;cursor:pointer;width:100%;display:flex;justify-content:space-between;align-items:center;margin-top:8px}button:hover{background:#266ca9}.help{font-size:12px;line-height:1.7;color:#607a69;margin-top:24px}.error{padding:12px;border:1px solid #f0caca;border-radius:10px;background:#fff1f1;color:#a11f1f;font-size:13px;margin-bottom:20px}.error ul,.field-error ul{margin:0;padding:0;list-style:none}.field-error{font-size:12px;color:#a11f1f;margin-top:8px}
.workspace{width:min(900px,100%);background:white;padding:40px;border-radius:24px;box-shadow:0 20px 60px #163c4017}.workspace header{display:flex;justify-content:space-between;align-items:center;margin-bottom:48px}.workspace header button{width:auto;margin:0}.workspace h1{font-size:32px}.workspace dl{display:grid;grid-template-columns:180px 1fr;gap:14px;margin:32px 0}.workspace dt{color:#607a69}.workspace dd{margin:0;overflow-wrap:anywhere}
@media(max-width:760px){body{padding:20px}.login-card{max-width:480px;grid-template-columns:1fr}.brand{min-height:250px;padding:28px;gap:26px}.brand h1{font-size:40px;margin-bottom:12px}.brand p{font-size:14px}.brand-footer{display:none}.form-panel{padding:32px 28px}.workspace{padding:28px}.workspace dl{grid-template-columns:1fr;gap:8px}.workspace dd{margin-bottom:12px}}