:root{--orange:#e1192d;--ink:#171923;--muted:#6e7380;--line:#e8e9ed}
.auth-body{min-height:100vh;margin:0;padding:42px;background:radial-gradient(circle at 85% 20%,#fff3ea 0,transparent 28%),#f8f9fb;font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--ink)}
.auth-shell{min-height:calc(100vh - 84px);max-width:1420px;margin:auto;display:grid;grid-template-columns:1fr 1fr;background:#fff;border:1px solid #eceef1;border-radius:24px;overflow:hidden;box-shadow:0 24px 70px #1d253015}
.auth-panel{padding:58px 76px;display:flex;flex-direction:column;justify-content:center}
.auth-brand{font-size:39px;font-weight:850;color:var(--orange);letter-spacing:-1.5px}.auth-brand span{font-weight:650}.auth-brand i{font-style:normal;font-size:28px;margin-left:8px}
.auth-copy{margin:52px 0 32px}.auth-copy h1{font-size:34px;margin:0 0 10px;letter-spacing:-1px}.auth-copy h1 em{font-style:normal;color:var(--orange)}.auth-copy>p:last-child{font-size:16px;line-height:1.65;color:var(--muted);max-width:520px}
.form-alert{padding:12px 15px;background:#fff0ed;border:1px solid #ffc9c1;border-radius:10px;color:#b93627;margin-bottom:18px}
.login-form{display:grid;gap:11px}.login-form>label{font-weight:700;margin-top:6px}.field-wrap{height:58px;border:1px solid #dfe2e7;border-radius:10px;display:flex;align-items:center;padding:0 17px;gap:12px}.field-wrap:focus-within{border-color:var(--orange);box-shadow:0 0 0 3px #e1192d12}.field-wrap>span{color:#8a909c;font-size:19px}.field-wrap input{border:0;outline:0;flex:1;font:inherit;font-size:15px}.field-wrap button{border:0;background:none;color:#7c828d;font-size:17px}.form-options{display:flex;justify-content:space-between;align-items:center;margin:7px 0 12px;color:var(--muted);font-size:13px}.form-options a,.signup-copy a{color:var(--orange);text-decoration:none}.auth-submit{height:58px;border:0;border-radius:10px;background:linear-gradient(135deg,#ff5a00,#ff761a);color:#fff;font-size:16px;font-weight:800;box-shadow:0 10px 22px #e1192d30;cursor:pointer}
.demo-access{margin-top:22px;border:1px solid #ffe0cc;background:#fff8f8;border-radius:12px;padding:12px 15px;display:flex;align-items:center;gap:12px;text-align:left;color:#4c5260;cursor:pointer}.demo-access>span{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:#ffe3e7;color:var(--orange)}.demo-access div{display:grid;gap:2px}.demo-access small{color:var(--muted)}.signup-copy{text-align:center;color:var(--muted);margin:26px 0 0}
.auth-showcase{background:linear-gradient(145deg,#fff8f3,#fffcfa);padding:55px 72px;display:flex;flex-direction:column;justify-content:center;overflow:hidden}
.showcase-orbit{width:min(100%,530px);height:310px;margin:0 auto 25px;position:relative;border:1px dashed #f3d8c4;border-radius:48%}.showcase-orbit:before,.showcase-orbit:after{content:"";position:absolute;width:12px;height:12px;border-radius:50%;background:var(--orange)}.showcase-orbit:before{left:60px;top:-6px}.showcase-orbit:after{right:-6px;top:100px;background:#ffb276}
.showcase-metric,.showcase-orders{position:absolute;background:#fff;border:1px solid #f0f0f0;box-shadow:0 16px 35px #51331d16;border-radius:13px}.showcase-metric{left:60px;right:45px;top:40px;height:110px;padding:20px;display:grid;gap:6px}.showcase-metric small{font-size:10px}.showcase-metric strong{font-size:21px}.showcase-metric b{font-size:11px;color:#16a461}.showcase-metric i{position:absolute;right:25px;top:25px;width:52px;height:52px;display:grid;place-items:center;border-radius:13px;background:#fff0f2;color:var(--orange);font-style:normal;font-size:20px}
.showcase-orders{left:60px;right:45px;top:160px;padding:16px}.showcase-orders>div,.showcase-orders p{display:grid;grid-template-columns:1fr .7fr 1fr 1fr;align-items:center;gap:8px;font-size:10px}.showcase-orders>div{grid-template-columns:1fr 1fr}.showcase-orders a{text-align:right;color:var(--orange)}.showcase-orders p{border-top:1px solid #eee;padding-top:10px}.showcase-orders p em{font-style:normal;color:#0d9a55;background:#e7f8ee;padding:4px;border-radius:5px}.showcase-orders p strong:last-child{text-align:right}
.showcase-copy{max-width:530px;margin:auto;width:100%}.showcase-copy h2{font-size:29px;line-height:1.35;margin:0}.showcase-copy h2 span{color:var(--orange)}.benefit-list{max-width:530px;width:100%;margin:28px auto 0;display:grid;gap:16px}.benefit-list>div{display:flex;gap:14px}.benefit-list i{width:40px;height:40px;display:grid;place-items:center;background:#ffe3e7;border-radius:10px;color:var(--orange);font-style:normal}.benefit-list p{display:grid;gap:4px;margin:0}.benefit-list span{color:var(--muted);font-size:12px}
@media(max-width:980px){.auth-body{padding:18px}.auth-shell{grid-template-columns:1fr;min-height:auto}.auth-showcase{display:none}.auth-panel{padding:48px}.auth-copy{margin:35px 0 26px}}
@media(max-width:560px){.auth-body{padding:0;background:#fff}.auth-shell{border:0;border-radius:0}.auth-panel{padding:32px 22px;min-height:100vh}.auth-brand{font-size:32px}.auth-copy h1{font-size:29px}.field-wrap,.auth-submit{height:54px}}