:root{--yellow:#f5b400;--orange:#f7931a;--black:#050505;--panel:#101010;--line:#2a2a2a;--muted:#939393}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#030303;color:#fff;font-family:Inter,sans-serif}body{min-height:100vh;padding:22px;display:grid;place-items:center;background:radial-gradient(circle at 85% 20%,rgba(245,180,0,.07),transparent 27%),#030303}.login-shell{width:min(1180px,100%);min-height:700px;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(410px,.85fr);border:1px solid #3d310c;background:#080808;box-shadow:0 28px 90px rgba(0,0,0,.65)}.login-banner{position:relative;overflow:hidden;padding:36px 42px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(90deg,rgba(5,5,5,.93) 0%,rgba(5,5,5,.54) 56%,rgba(5,5,5,.1)),url('/assets/images/wacoo-hero.png') 63% center/cover no-repeat;border-right:1px solid #3d310c}.login-banner:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.65),transparent 35%);pointer-events:none}.login-brand{position:relative;z-index:1;width:max-content;display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none}.login-brand img{width:42px;height:42px;object-fit:contain}.login-brand>span{font:27px Anton,sans-serif}.login-brand b{color:var(--yellow)}.login-brand small{display:block;font:6px Inter,sans-serif;letter-spacing:3px;color:#aaa}.banner-copy{position:relative;z-index:1;max-width:560px}.banner-copy>span,.login-kicker{color:var(--yellow);font-size:9px;font-weight:800;letter-spacing:3px}.banner-copy h1{font:clamp(62px,6vw,92px)/.86 Anton,sans-serif;margin:14px 0 20px;letter-spacing:.5px}.banner-copy h1 em{font-style:normal;color:var(--yellow)}.banner-copy>p{max-width:480px;color:#c1c1c1;font-size:13px;line-height:1.8}.banner-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:35px;border:1px solid rgba(255,188,0,.35);background:rgba(255,188,0,.28)}.banner-metrics>div{background:rgba(5,5,5,.86);padding:15px}.banner-metrics b{display:block;font:23px Anton,sans-serif;color:var(--yellow)}.banner-metrics small{font-size:7px;color:#aaa;letter-spacing:1px}.banner-footer{position:relative;z-index:1;display:flex;align-items:center;gap:8px;color:#aaa;font-size:8px;letter-spacing:2px}.banner-footer i{width:7px;height:7px;border-radius:50%;background:#39c879;box-shadow:0 0 12px rgba(57,200,121,.8)}.login-card{display:grid;place-items:center;padding:55px;background:linear-gradient(145deg,#111,#080808)}.login-card__inner{width:100%;max-width:390px}.mobile-brand{display:none}.mobile-brand img{width:34px;height:34px;object-fit:contain}.login-card h2{font:52px/.95 Anton,sans-serif;margin:10px 0 10px}.login-card__inner>p{color:var(--muted);font-size:12px;line-height:1.7;margin:0 0 32px}.login-card form{display:grid;gap:20px}.login-card label>span{display:block;color:#cfcfcf;font-size:8px;font-weight:800;letter-spacing:1.5px;margin-bottom:8px}.input-wrap{height:50px;display:grid;grid-template-columns:40px 1fr auto;align-items:center;border:1px solid #343434;background:#080808;transition:border-color .2s,box-shadow .2s}.input-wrap:focus-within{border-color:var(--yellow);box-shadow:0 0 0 3px rgba(245,180,0,.08)}.input-wrap>i{font-style:normal;text-align:center;color:#756120;font-size:12px}.input-wrap input{width:100%;min-width:0;height:100%;border:0;outline:0;background:transparent;color:#fff;font-size:12px;padding:0 8px}.input-wrap input::placeholder{color:#565656}.password-toggle{height:100%;padding:0 13px;border:0;border-left:1px solid #292929;background:transparent;color:#9b9b9b;font-size:8px;font-weight:800;cursor:pointer}.password-toggle:hover{color:var(--yellow)}.login-error{border:1px solid #6e2923;background:#27100e;color:#ff9188;padding:11px;font-size:10px}.login-submit{height:52px;border:0;background:var(--yellow);color:#050505;font-size:10px;font-weight:900;letter-spacing:1px;display:flex;align-items:center;justify-content:center;gap:15px;cursor:pointer;transition:background .2s,transform .2s}.login-submit:hover{background:var(--orange);transform:translateY(-1px)}.login-submit span{font-size:17px}.login-security{display:flex;align-items:center;gap:10px;margin-top:25px;padding:13px;border:1px solid #262626;background:#0c0c0c}.login-security>i{width:28px;height:28px;display:grid;place-items:center;border:1px solid #315f40;color:#5fc17d;border-radius:50%;font-style:normal}.login-security span{display:grid;gap:3px}.login-security b{font-size:9px}.login-security small{font-size:8px;color:#777}.back-store{display:block;margin-top:24px;color:#747474;text-decoration:none;font-size:8px;font-weight:800;letter-spacing:1px}.back-store:hover{color:var(--yellow)}
@media(max-width:900px){body{padding:12px}.login-shell{grid-template-columns:1fr;min-height:auto}.login-banner{min-height:330px;border-right:0;border-bottom:1px solid #3d310c;padding:24px;background-position:65% 54%}.banner-copy h1{font-size:54px}.banner-copy>p,.banner-metrics{display:none}.login-card{padding:40px 24px}.banner-footer{display:none}}
@media(max-width:560px){body{padding:0;display:block}.login-shell{width:100%;border:0}.login-banner{min-height:235px;padding:18px;background:linear-gradient(0deg,rgba(5,5,5,.92),rgba(5,5,5,.08)),url('/assets/images/wacoo-hero.png') 63% 55%/cover}.login-brand{display:none}.banner-copy{margin-top:auto}.banner-copy>span{font-size:7px}.banner-copy h1{font-size:39px;margin:8px 0 0}.login-card{padding:36px 20px;min-height:calc(100vh - 235px);align-items:start}.mobile-brand{display:inline-flex;align-items:center;gap:8px;width:max-content;color:#fff;text-decoration:none;font:25px Anton,sans-serif;margin-bottom:28px}.mobile-brand img{width:34px;height:34px;object-fit:contain}.mobile-brand b{color:var(--yellow)}.login-card h2{font-size:42px}.login-card__inner>p{margin-bottom:25px}}