:root{--orange:#ed7100;--ink:#172430;--muted:#6d7983;--line:#dce2e6}*{box-sizing:border-box}html,body{min-height:100%}body{margin:0;font-family:"Segoe UI",Arial,sans-serif;color:var(--ink);background:radial-gradient(circle at 12% 10%,#fff 0,transparent 34%),linear-gradient(135deg,#f4f6f7,#dfe5e8);font-size:14px}.login-shell{min-height:100vh;display:grid;place-content:center;padding:40px 24px}.login-card{width:min(960px,calc(100vw - 48px));min-height:560px;display:grid;grid-template-columns:1.04fr .96fr;background:#fff;border:1px solid #d6dde1;border-radius:20px;overflow:hidden;box-shadow:0 30px 80px #18303d26}.brand-side{position:relative;display:flex;flex-direction:column;padding:48px 52px;color:#fff;overflow:hidden;background:linear-gradient(145deg,#162c39 0%,#263b47 55%,#47494a 100%)}.brand-side:before{content:"";position:absolute;inset:-25%;background:linear-gradient(125deg,transparent 32%,#ffffff12 32.2%,#ffffff05 54%,transparent 54.2%);transform:rotate(-4deg)}.brand-side:after{content:"";position:absolute;width:420px;height:420px;border:70px solid #ffffff08;border-radius:50%;right:-270px;bottom:-230px}.brand-side>*{position:relative;z-index:1}.brand-mark{display:flex;align-items:center;gap:14px}.brand-mark img{width:102px;height:36px;object-fit:contain;object-position:left}.brand-mark span{border-left:1px solid #ffffff45;padding-left:14px;font-size:9px;letter-spacing:.22em;color:#cbd4d9}.brand-copy{margin:auto 0}.eyebrow{display:block;color:#ff8a22;font-size:10px;font-weight:800;letter-spacing:.2em}.brand-copy h1{font-size:39px;line-height:1.1;margin:15px 0 18px;letter-spacing:-.04em}.brand-copy p{max-width:360px;color:#d2dbe0;line-height:1.7;font-size:14px}.trust-note{display:flex;gap:11px;align-items:center;color:#ecf0f2;font-size:11px}.trust-note i{width:10px;height:10px;background:#28b68a;border-radius:50%;box-shadow:0 0 0 5px #28b68a20}.trust-note small{color:#aab8c0}.form-side{padding:46px 52px 32px;display:flex;flex-direction:column}.access-tabs{display:grid;grid-template-columns:1fr 1fr;padding:4px;background:#f0f2f4;border-radius:10px;margin-bottom:42px}.access-tabs button{height:36px;border:0;border-radius:7px;background:transparent;color:#66727c;font-size:11px;font-weight:650;cursor:pointer}.access-tabs button.active{background:#fff;color:var(--orange);box-shadow:0 2px 8px #17243014}.form-heading h2{font-size:31px;margin:9px 0 7px}.form-heading p{margin:0 0 28px;color:var(--muted);font-size:13px}label{display:block;margin:17px 0 7px;text-transform:uppercase;letter-spacing:.08em;font-size:9px;font-weight:800;color:#4d5962}.field{height:48px;border:1px solid var(--line);border-radius:9px;display:flex;align-items:center;background:#fbfcfc;transition:.18s}.field:focus-within{background:#fff;border-color:var(--orange);box-shadow:0 0 0 3px #ed710012}.field>span{width:40px;text-align:center;color:#8c969d;font-size:12px}.field input{flex:1;min-width:0;height:100%;border:0;outline:0;background:transparent;color:var(--ink);font:inherit;padding:0 10px 0 0}.field input::placeholder{color:#a4adb3}.password-field button{border:0;background:transparent;color:#68757e;font-size:10px;font-weight:700;padding:0 13px;cursor:pointer}.form-meta{margin:12px 0 0;color:#77838b;font-size:10px}.submit{width:100%;height:49px;border:0;border-radius:9px;background:linear-gradient(90deg,#ec6f00,#f27f17);color:#fff;font-size:12px;font-weight:800;display:flex;justify-content:center;align-items:center;gap:16px;cursor:pointer;box-shadow:0 10px 22px #ed71002e}.submit:hover{transform:translateY(-1px)}.submit:disabled{opacity:.65;cursor:wait;transform:none}.submit b{font-size:17px}#error{min-height:20px;margin:8px 0 4px;color:#b63d35;font-size:11px}.form-side footer{margin-top:auto;padding-top:28px;display:flex;justify-content:center;gap:8px;color:#9aa3a9;font-size:9px}.legal{text-align:center;color:#7f8a92;font-size:10px;margin:18px 0 0}@media(max-width:760px){.login-shell{padding:18px}.login-card{width:min(460px,calc(100vw - 36px));grid-template-columns:1fr}.brand-side{min-height:210px;padding:28px 30px}.brand-copy{margin:30px 0 10px}.brand-copy h1{font-size:28px}.brand-copy p,.trust-note{display:none}.form-side{padding:30px}.access-tabs{margin-bottom:28px}}
