*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Poppins,Arial,sans-serif;color:#10224b;background:#eef3f9}body{font-size:14px}.auth-page{min-height:100vh;display:grid;grid-template-columns:1.13fr .87fr;padding:20px;gap:0}.hero-panel{position:relative;overflow:hidden;border-radius:12px 0 0 12px;background:linear-gradient(135deg,#1267e8,#0877ed);color:#fff;min-height:calc(100vh - 40px)}.hero-dots{position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.12) 1.6px,transparent 1.6px);background-size:14px 14px;opacity:.6}.hero-content{position:relative;z-index:1;height:100%;padding:30px 34px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:10px}.brand-mark{height:36px;width:36px;border:1px solid rgba(255,255,255,.75);border-radius:9px;display:grid;place-items:center;font-size:21px;font-weight:700}.brand strong{display:block;font-size:20px;line-height:1}.brand small{font-size:8px;opacity:.9}.hero-copy{margin-top:50px;max-width:470px}.hero-copy h1{font-size:29px;line-height:1.1;margin:0 0 14px;font-weight:700}.hero-copy em{font-style:normal;color:#ffbe00}.hero-copy p{font-size:12px;line-height:1.75;max-width:460px;margin:0;opacity:.94}.truck-scene{position:relative;height:320px;max-width:520px;margin:20px auto 0;width:78%;border-radius:8px;background:linear-gradient(145deg,rgba(255,255,255,.14),rgba(255,255,255,.04));overflow:hidden}.map-grid{position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:38px 38px;transform:perspective(400px) rotateX(45deg) scale(1.3);transform-origin:bottom}.pin{position:absolute;right:28%;top:22%;height:54px;width:54px;border-radius:50% 50% 50% 0;background:#ffbd17;transform:rotate(-45deg);box-shadow:0 10px 25px rgba(255,189,23,.35);font-size:0}.pin:after{content:'';position:absolute;width:15px;height:15px;border-radius:50%;background:#fff;left:19px;top:19px}.truck{position:absolute;left:12%;bottom:22%;width:70%;height:105px;filter:drop-shadow(0 12px 14px rgba(0,0,0,.22))}.body{position:absolute;left:0;bottom:17px;width:67%;height:58px;background:#fff;border-radius:8px 5px 2px 5px;clip-path:polygon(0 20%,88% 20%,100% 48%,100% 100%,0 100%)}.cab{position:absolute;right:0;bottom:17px;width:34%;height:70px;background:#f6f9ff;border-radius:3px 16px 5px 3px;clip-path:polygon(15% 0,75% 0,100% 40%,100% 100%,0 100%,0 20%)}.cab:after{content:'';position:absolute;right:10px;top:12px;width:35px;height:22px;background:#9ed1ff;border:3px solid #fff;border-radius:3px}.body:after{content:'';position:absolute;left:25px;top:15px;width:50px;height:15px;background:#dceaff;border-radius:3px}.wheel{position:absolute;bottom:0;width:30px;height:30px;border-radius:50%;background:#10264d;border:7px solid #dfe9f6;box-shadow:0 0 0 3px #10264d}.w1{left:14%}.w2{left:54%}.w3{right:4%}.boxes{position:absolute;right:9%;bottom:18%;display:flex;gap:3px;align-items:flex-end}.boxes i{display:block;width:30px;height:25px;background:#f4b52c;border:1px solid #f8cf66}.boxes i:nth-child(2){height:34px}.boxes i:nth-child(3){height:20px}.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:auto}.benefits>div{display:flex;gap:10px;align-items:flex-start}.benefits b{width:30px;height:30px;border:1px solid rgba(255,255,255,.45);border-radius:7px;display:grid;place-items:center}.benefits strong{display:block;font-size:10px}.benefits small{display:block;font-size:7px;line-height:1.5;opacity:.8;margin-top:2px}.auth-panel{background:#f5f8fc;border-radius:0 12px 12px 0;display:grid;place-items:center;min-height:calc(100vh - 40px)}.auth-card{width:min(365px,calc(100% - 40px));background:#fff;border:1px solid #e8edf5;border-radius:15px;padding:32px 26px 25px;box-shadow:0 20px 55px rgba(30,55,100,.08)}.auth-heading{text-align:center}.auth-heading h2{font-size:22px;margin:0 0 5px;font-weight:700}.auth-heading p{font-size:10px;color:#8590a7;margin:0 0 18px}.tabs{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid #dfe5ef;margin-bottom:20px}.tab{text-decoration:none;color:#7e879a;text-align:center;font-size:10px;font-weight:500;padding:8px 0;position:relative}.tab.active{color:#0567eb;font-weight:600}.tab.active:after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:2px;background:#0c68e8}.auth-form label{display:block;font-size:8px;font-weight:600;color:#162a50;margin:0 0 7px}.input-wrap{height:35px;border:1px solid #d9e1ed;border-radius:8px;display:flex;align-items:center;margin-bottom:12px;overflow:hidden;background:#fff}.input-wrap>span{width:34px;text-align:center;color:#9aa7bc;font-size:11px}.input-wrap input,.input-wrap select{border:0;outline:0;flex:1;height:100%;font:inherit;font-size:9px;color:#2d3c58;background:#fff;min-width:0}.input-wrap input::placeholder{color:#aab3c1}.eye{border:0;background:transparent;color:#8e9bb1;cursor:pointer;margin-right:8px}.select-wrap{position:relative}.select-wrap select{appearance:none;cursor:pointer}.select-wrap>b{position:absolute;right:12px;color:#6d7890;pointer-events:none}.form-row{display:flex;justify-content:space-between;align-items:center;margin:1px 0 14px}.form-row a{font-size:8px;color:#0869e9;text-decoration:none}.remember{display:flex!important;align-items:center;gap:6px;font-weight:400!important;margin:0!important;color:#4b5770!important}.remember input{accent-color:#0869e9}.primary-btn{height:40px;width:100%;border:0;border-radius:8px;background:linear-gradient(90deg,#1167e9,#0b60df);color:#fff;font-family:inherit;font-size:10px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 8px 18px rgba(11,96,223,.2)}.primary-btn span{position:absolute;right:14px;font-size:15px}.or{display:flex;align-items:center;gap:10px;color:#a1a9b7;font-size:8px;margin:18px 0}.or:before,.or:after{content:'';height:1px;background:#e1e5ec;flex:1}.social-btn{height:35px;width:100%;border:1px solid #dce3ed;background:#fff;border-radius:8px;margin-bottom:9px;font:500 8px Poppins;color:#4c5870;cursor:pointer}.message{font-size:8px;border-radius:7px;padding:9px 11px;margin-bottom:12px}.message ul{margin:0;padding-left:16px}.message.success{background:#ecfbf2;color:#237848}.message.error{background:#fff1f1;color:#b33939}.legal{text-align:center;font-size:7px;color:#9aa3b4;line-height:1.55;margin:16px 0 0}.legal a{color:#0869e9}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:10px}.register-form .input-wrap{margin-bottom:10px}.terms{font-size:7px!important;line-height:1.5;margin:4px 0 14px!important}.auth-page .flash{position:fixed;top:25px;right:25px;z-index:10}.flash{padding:12px 16px;border-radius:8px;background:#eaf8ef;color:#28794c;box-shadow:0 8px 20px rgba(0,0,0,.08);font-size:11px}.flash.hide{opacity:0;transition:.3s}
@media(max-width:900px){.auth-page{grid-template-columns:1fr;padding:12px}.hero-panel{display:none}.auth-panel{border-radius:12px;min-height:calc(100vh - 24px)}.auth-card{width:min(430px,calc(100% - 24px))}}
@media(max-width:480px){.two-col{grid-template-columns:1fr}.auth-card{padding:25px 20px}.auth-heading h2{font-size:20px}}