:root{--ink:#09110f;--paper:#f4f7f3;--muted:#819087;--line:#dce6dd;--green:#b5fb76;--warm:#ffb59a;--sans:"Manrope",system-ui,sans-serif;--mono:"DM Mono",monospace}*{box-sizing:border-box}body{margin:0;background:#eff3ef;color:var(--ink);font-family:var(--sans)}.auth-shell{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(430px,.92fr);background:#edf1ed}.auth-visual{background:radial-gradient(circle at 65% 38%,rgba(181,251,118,.2),transparent 23%),linear-gradient(135deg,#17291c,#09110f 64%);color:var(--paper);padding:36px 6vw 28px;display:flex;flex-direction:column;position:relative;overflow:hidden}.auth-visual:after{content:"LA / ORDER NETWORK";position:absolute;right:30px;top:50%;font:9px var(--mono);letter-spacing:.18em;color:#46644e;transform:rotate(90deg)}.brand,.visual-copy,.visual-footer{position:relative;z-index:1}.brand{display:flex;align-items:center;gap:9px;color:var(--paper);text-decoration:none}.brand-mark{width:27px;height:23px;display:flex;align-items:end;gap:3px}.brand-mark span{display:block;width:6px;background:var(--green);border-radius:1px}.brand-mark span:nth-child(1){height:11px}.brand-mark span:nth-child(2){height:20px}.brand-mark span:nth-child(3){height:15px}.brand b{font-size:23px;letter-spacing:-.08em}.brand small{font:10px var(--mono);letter-spacing:.1em;color:#839289}.visual-copy{margin:auto 0}.visual-copy p,.kicker{font:10px var(--mono);letter-spacing:.1em;color:var(--green)}.visual-copy h1{font-size:clamp(55px,7vw,96px);line-height:1.02;letter-spacing:-.09em;margin:24px 0 27px}.visual-copy em{color:var(--warm);font-style:normal}.visual-copy span{font-size:13px;color:#9baaa0}.visual-footer{font:10px var(--mono);color:#66776c}.auth-panel{align-self:center;padding:60px clamp(35px,6vw,100px);width:100%;max-width:620px}.panel-head .kicker{color:#6e9361;margin:0}.panel-head h2{font-size:34px;letter-spacing:-.07em;margin:15px 0 8px}.panel-head p{font-size:12px;color:#7d8a82;margin:0}.auth-tabs{display:flex;gap:22px;border-bottom:1px solid var(--line);margin:40px 0 25px}.auth-tab{padding:0 4px 12px;background:transparent;border:0;color:#8c9890;font-size:12px;position:relative;cursor:pointer}.auth-tab.is-active{color:var(--ink);font-weight:700}.auth-tab.is-active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;background:var(--ink);height:2px}.auth-form,.auth-panel form{display:grid;gap:15px}.auth-panel label{display:grid;gap:7px;font-size:10px;color:#78857c}.auth-panel input{height:43px;border:1px solid var(--line);padding:0 12px;border-radius:2px;background:#fff;color:var(--ink);font:12px var(--sans);outline:0}.auth-panel input:focus{border-color:#72a65e;box-shadow:0 0 0 3px #e4f5df}.password-control{position:relative}.password-control input{padding-right:42px}.password-control button{position:absolute;right:7px;top:7px;width:29px;height:29px;border:0;background:transparent;color:#78877e;display:grid;place-items:center;cursor:pointer}.password-control svg{width:15px}.auth-submit{height:47px;border:0;background:var(--ink);color:var(--paper);display:flex;justify-content:space-between;align-items:center;padding:0 16px;font-size:12px;font-weight:700;cursor:pointer;margin-top:8px}.auth-submit:hover{background:#183021}.auth-submit span:last-child{color:var(--green);font-size:17px}.register-only{display:none}.auth-panel.register-mode .register-only{display:grid}.auth-panel.register-mode #auth-title:after{content:""}.auth-message{min-height:18px;color:#c36d4b;font-size:11px;margin:15px 0 0}.auth-note{border-top:1px solid var(--line);padding-top:15px;color:#8a978f;font-size:10px;line-height:1.8;margin:18px 0 0}.back-link{display:inline-flex;gap:10px;color:#5b8655;font-size:11px;margin-top:24px;text-decoration:none}.back-link span{font-size:16px}@media(max-width:860px){.auth-shell{grid-template-columns:1fr}.auth-visual{min-height:340px;padding:25px 8vw}.auth-visual:after{display:none}.visual-copy{margin:55px 0 30px}.visual-copy h1{font-size:54px;margin:15px 0}.auth-panel{padding:42px 8vw 55px;max-width:620px;margin:0 auto}.auth-tabs{margin-top:32px}}@media(max-width:520px){.auth-visual{min-height:300px}.visual-copy h1{font-size:48px}.auth-panel{padding:36px 20px 45px}.panel-head h2{font-size:29px}}
 .portal-links{display:flex;flex-wrap:wrap;gap:7px;align-items:center;margin-top:18px;color:#8b978f;font-size:9px}.portal-links a{border:1px solid #d5ded6;padding:6px 8px;color:#557957;text-decoration:none;background:#f7faf6}.portal-links a:hover{border-color:#8bb28a;background:#edf6e9}
