@tailwind base;@tailwind components;@tailwind utilities;:root{--ink: #101820;--muted: #5b6673;--line: #d9e2ea;--soft: #f3f7fa;--panel: #ffffff;--brand: #08799f;--brand-dark: #07526d;--gold: #f4b740;--green: #15845f;--red: #b42335}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f7fafc;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);font:inherit;padding:13px 14px}button{font:inherit}.container{width:min(1200px,calc(100% - 32px));margin-inline:auto}.site-header{position:sticky;top:0;z-index:30;border-bottom:1px solid rgba(217,226,234,.86);background:#ffffffeb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.nav-wrap{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand-mark{display:inline-flex;align-items:center;gap:11px;font-weight:850;letter-spacing:0}.brand-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:8px;background:linear-gradient(135deg,var(--brand),#13a6bd);color:#fff;box-shadow:0 12px 30px #08799f3d}.nav-links{display:flex;align-items:center;gap:20px;font-size:14px;font-weight:700;color:#44505d}.nav-links a:hover{color:var(--brand-dark)}.lang-select{width:auto;padding:9px 10px}.hero{position:relative;overflow:hidden;min-height:700px;color:#fff;background:linear-gradient(90deg,#0a131cf2,#0a131cdb 37%,#0a131c42 72%),url(/images/vehicle-logistics-hero.png) center / cover no-repeat}.hero-grid{display:grid;grid-template-columns:minmax(0,1.02fr) 430px;gap:36px;align-items:center;min-height:700px;padding:56px 0}.eyebrow{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.26);border-radius:999px;background:#ffffff1a;padding:8px 12px;color:#e9f3f7;font-size:13px;font-weight:800}.hero h1{max-width:780px;margin:22px 0 0;font-size:clamp(42px,6vw,76px);line-height:1.01;letter-spacing:0}.hero-copy{max-width:650px;margin-top:22px;color:#d7e1e8;font-size:19px;line-height:1.72}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;border:0;border-radius:8px;padding:0 18px;background:var(--brand);color:#fff;font-weight:850;cursor:pointer}.btn:hover{background:var(--brand-dark)}.btn-gold{background:var(--gold);color:#17202a}.btn-gold:hover{background:#e8a92f}.btn-ghost{border:1px solid rgba(255,255,255,.3);background:#ffffff1a}.tracking-card{border:1px solid rgba(255,255,255,.18);border-radius:10px;background:#fffffff5;color:var(--ink);box-shadow:0 24px 70px #00000047;overflow:hidden}.tracking-card-head{display:flex;justify-content:space-between;align-items:start;gap:14px;padding:22px;border-bottom:1px solid var(--line)}.tracking-card h2{margin:0;font-size:22px}.tracking-form{display:grid;gap:12px;padding:22px}.tracking-form input{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.04em;text-transform:uppercase}.micro-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.micro-grid div{padding:16px;border-right:1px solid var(--line)}.micro-grid div:last-child{border-right:0}.micro-grid strong{display:block;font-size:18px}.micro-grid span{display:block;margin-top:4px;color:var(--muted);font-size:12px;font-weight:700}.section{padding:72px 0}.section-muted{background:var(--soft)}.section-title{max-width:760px;margin-bottom:30px}.section-title p{color:var(--muted);line-height:1.7}.section-title h2{margin:0 0 12px;font-size:clamp(28px,4vw,44px);line-height:1.08}.grid-4,.grid-3,.grid-2{display:grid;gap:18px}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.panel,.service-card,.feature-card{border:1px solid var(--line);border-radius:10px;background:var(--panel);box-shadow:0 10px 30px #1018200f}.service-card{padding:24px}.service-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:8px;background:#e8f5f8;color:var(--brand-dark);font-weight:900}.service-card h3,.feature-card h3{margin:18px 0 8px}.service-card p,.feature-card p{margin:0;color:var(--muted);line-height:1.65}.feature-card{padding:24px}.stat-band{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;overflow:hidden;border:1px solid #234054;border-radius:10px;background:#234054}.stat-band div{padding:24px;background:#102033;color:#fff}.stat-band strong{display:block;font-size:30px}.stat-band span{color:#b9c7d2;font-weight:700}.process{counter-reset:step}.process-card{position:relative;padding:24px}.process-card:before{counter-increment:step;content:counter(step);width:34px;height:34px;display:grid;place-items:center;border-radius:999px;background:var(--gold);color:#17202a;font-weight:900}.footer{background:#0d1823;color:#c9d5df;padding:34px 0}.tracking-page{padding:34px 0 70px}.shipment-top{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px;align-items:stretch}.shipment-summary{padding:26px}.shipment-summary h1{margin:8px 0;font-size:clamp(28px,4vw,44px)}.code-pill{display:inline-flex;border:1px solid var(--line);border-radius:999px;padding:7px 11px;background:#f7fafc;color:#334150;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;font-weight:800}.badge{display:inline-flex;align-items:center;border-radius:999px;padding:7px 10px;background:#e6f4f7;color:#075b75;font-size:12px;font-weight:850;text-transform:uppercase}.badge-green{background:#e8f7f0;color:var(--green)}.badge-gold{background:#fff3d6;color:#8a5a00}.route-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:22px}.route-grid div{border:1px solid var(--line);border-radius:8px;padding:14px;background:#fbfdfe}.label{color:var(--muted);font-size:12px;font-weight:850;text-transform:uppercase}.value{margin-top:5px;font-weight:800}.progress-panel{padding:22px}.progress-bar{height:10px;border-radius:999px;background:#dfe8ef;overflow:hidden;margin:18px 0}.progress-bar span{display:block;width:58%;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--brand),var(--gold))}.tracking-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:22px;margin-top:22px}.map-panel{position:relative;min-height:420px;overflow:hidden;border-radius:10px;background:radial-gradient(circle at 25% 30%,rgba(244,183,64,.26),transparent 26%),radial-gradient(circle at 75% 55%,rgba(8,121,159,.2),transparent 28%),#eaf4f7}.map-panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(8,121,159,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(8,121,159,.14) 1px,transparent 1px);background-size:30px 30px}.route-line{position:absolute;left:11%;right:12%;top:52%;height:5px;border-radius:999px;background:linear-gradient(90deg,var(--brand),var(--gold));transform:rotate(-8deg)}.map-pin{position:absolute;z-index:2;display:grid;gap:8px;justify-items:center;transform:translate(-50%,-50%)}.map-pin strong{display:grid;width:44px;height:44px;place-items:center;border-radius:999px;background:#fff;color:var(--brand-dark);box-shadow:0 14px 34px #1018202e}.map-pin span{max-width:150px;border-radius:6px;background:#fff;padding:8px 10px;box-shadow:0 10px 24px #1018201f;font-size:12px;font-weight:800;text-align:center}.timeline{padding:24px}.timeline-item{display:grid;grid-template-columns:18px 1fr;gap:12px}.timeline-item+.timeline-item{margin-top:18px}.timeline-dot{width:13px;height:13px;margin-top:4px;border-radius:999px;background:var(--brand);box-shadow:0 0 0 5px #08799f1f}.side-card{padding:22px}.doc-link{display:block;border:1px solid var(--line);border-radius:8px;padding:12px;font-weight:800}.muted-link{color:var(--muted);background:#f7fafc}.document-center{padding:24px}.document-center-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.document-center-head h3{margin:12px 0 6px;font-size:28px}.document-center-head p{margin:0;color:var(--muted)}.document-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.document-grid span,.document-grid a{border:1px solid var(--line);border-radius:8px;background:#fbfdfe;padding:13px;font-weight:850;color:#334150}.tracking-card-premium p{margin:6px 0 0;color:var(--muted);line-height:1.55}.platform-strip{padding:24px 0;background:#0d1823;color:#fff}.strip-grid{display:grid;grid-template-columns:1.1fr 1.4fr 1.2fr auto;gap:18px;align-items:center}.strip-grid div{display:grid;gap:5px}.strip-grid .label{color:#93a8b9}.split-media{display:grid;grid-template-columns:minmax(0,.95fr) minmax(320px,1fr);gap:40px;align-items:center}.eyebrow-dark{border-color:#08799f38;background:#e8f5f8;color:var(--brand-dark)}.split-media h2,.portal-hero h1{margin:18px 0 12px;font-size:clamp(34px,5vw,58px);line-height:1.04}.split-media p,.portal-hero p{color:var(--muted);font-size:18px;line-height:1.72}.feature-list{display:grid;gap:10px;margin-top:24px}.feature-list span{border-left:4px solid var(--brand);background:#fff;padding:12px 14px;font-weight:800;box-shadow:0 10px 28px #1018200f}.media-shot{width:100%;aspect-ratio:16 / 11;object-fit:cover;border-radius:10px;border:1px solid var(--line);box-shadow:0 24px 65px #10182029}.feature-card a{display:inline-flex;margin-top:18px;color:var(--brand-dark);font-weight:900}.shipment-hero{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:22px;align-items:stretch;padding:28px;background:linear-gradient(135deg,#fffffff7,#f4f8fbf2),radial-gradient(circle at 95% 10%,rgba(244,183,64,.22),transparent 28%)}.shipment-hero h1{margin:12px 0 8px;font-size:clamp(34px,5vw,58px);line-height:1.03}.shipment-hero p{margin:0;color:var(--muted);font-size:18px}.shipment-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.shipment-score{display:grid;align-content:center;gap:10px;border-radius:10px;background:#102033;color:#fff;padding:22px}.shipment-score span,.shipment-score small{color:#b9c7d2;font-weight:800}.shipment-score strong{font-size:54px;line-height:1}.tracking-layout-premium{align-items:start}.map-panel-premium{background:linear-gradient(135deg,#e8f5f8eb,#f7fafcf5),radial-gradient(circle at 22% 66%,rgba(244,183,64,.3),transparent 24%),radial-gradient(circle at 78% 40%,rgba(8,121,159,.25),transparent 24%)}.panel-heading{display:flex;justify-content:space-between;gap:18px;align-items:start;margin-bottom:20px}.panel-heading h2{margin:6px 0 0}.timeline-meta,.side-card p{color:var(--muted);line-height:1.65}.route-stack{display:grid;gap:10px;margin-top:12px}.route-stack span{width:2px;height:34px;background:linear-gradient(var(--brand),var(--gold));margin-left:8px}.portal-page{background:#f7fafc}.portal-hero{padding:70px 0;background:linear-gradient(135deg,#f8fbfd,#eef5f8);border-bottom:1px solid var(--line)}.portal-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 470px;gap:34px;align-items:center}.portal-demo-card,.quote-panel{padding:26px}.portal-demo-card h2{margin:18px 0 8px;font-size:32px}.portal-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}.portal-kpis span,.table-lite span,.table-lite strong{border:1px solid var(--line);border-radius:8px;padding:12px;background:#fbfdfe;color:var(--muted);font-size:13px;font-weight:800}.portal-kpis strong{display:block;color:var(--ink);font-size:16px}.quote-form{display:grid;gap:14px}.quote-form label{display:grid;gap:7px;color:#334150;font-size:13px;font-weight:850}.table-lite{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:22px}.driver-phone{display:grid;gap:13px;max-width:330px;margin-inline:auto;border:10px solid #101820;border-radius:30px;background:#fff;padding:24px;box-shadow:0 24px 70px #1018202e}.driver-phone h2{margin:10px 0 0}.driver-phone p{margin:6px 0 0;font-size:14px}.tracking-command-page{min-height:100vh;background:radial-gradient(circle at 15% 8%,rgba(8,121,159,.22),transparent 26%),linear-gradient(180deg,#08111c,#0f1824 42%,#f4f7fa 42%,#f4f7fa)}.command-hero{color:#fff;padding:36px 0 28px}.command-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 430px;gap:24px;align-items:stretch}.command-hero-copy,.command-visual-card,.command-panel{border:1px solid rgba(255,255,255,.12);border-radius:14px;background:#ffffff14;box-shadow:0 24px 80px #00000047;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.command-hero-copy{padding:clamp(24px,4vw,42px)}.command-eyebrow{display:inline-flex;border:1px solid rgba(244,183,64,.32);border-radius:999px;padding:8px 12px;color:#ffe4a3;background:#f4b7401a;font-size:12px;font-weight:900;text-transform:uppercase}.command-hero h1{margin:20px 0 12px;font-size:clamp(40px,6vw,74px);line-height:.98}.command-code-row,.command-hero-meta,.map-legend,.shipment-actions,.communication-actions{display:flex;flex-wrap:wrap;gap:10px}.command-code,.command-status,.command-hero-meta span,.command-live-pill{display:inline-flex;align-items:center;border-radius:999px;padding:8px 11px;font-size:12px;font-weight:900}.command-code{background:#ffffff21;color:#e9f3f7;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.command-status,.command-live-pill{background:#15845f29;color:#8df0c8}.command-route{display:grid;grid-template-columns:160px minmax(90px,1fr) 160px;gap:16px;align-items:center;margin:34px 0}.command-route strong{display:block;font-size:22px}.command-route span,.command-hero-meta span{color:#bed0dc}.command-route-line{position:relative;height:3px;border-radius:999px;background:linear-gradient(90deg,#22c55e,#38bdf8 58%,#64748b 58%,#64748b)}.command-route-line:after{content:"";position:absolute;left:55%;top:50%;width:18px;height:18px;border-radius:999px;background:#38bdf8;box-shadow:0 0 0 10px #38bdf82e;transform:translate(-50%,-50%)}.command-route-line span{position:absolute;left:50%;top:-34px;transform:translate(-50%);white-space:nowrap;color:#fff;font-size:11px;font-weight:900}.command-visual-card{position:relative;overflow:hidden;min-height:360px}.command-visual-card img{width:100%;height:100%;min-height:360px;object-fit:cover;display:block}.command-progress-card{position:absolute;left:18px;right:18px;bottom:18px;border-radius:12px;background:#08111cdb;padding:16px}.command-progress-card span{color:#bed0dc;font-weight:800}.command-progress-card strong{display:block;margin-top:4px;font-size:34px}.command-main-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:22px;padding-bottom:70px}.command-primary,.command-sidebar{display:grid;gap:22px;align-content:start}.command-panel{border-color:#0f1e2d1a;background:#fffffff0;color:var(--ink);padding:22px;box-shadow:0 18px 54px #1018201a}.command-panel-head{display:flex;justify-content:space-between;gap:16px;align-items:start;margin-bottom:18px}.command-panel h2{margin:6px 0 0;font-size:clamp(22px,3vw,32px);line-height:1.08}.live-map{height:500px;border-radius:12px;overflow:hidden;border:1px solid #cbd7e1}.truck-live-marker span{display:grid;place-items:center;width:64px;height:34px;border-radius:999px;background:#101820;color:#fff;border:2px solid #38bdf8;box-shadow:0 0 0 9px #38bdf838;font-size:10px;font-weight:950;letter-spacing:.04em}.active-route-line{stroke-dasharray:12;animation:route-dash 1.4s linear infinite}@keyframes route-dash{to{stroke-dashoffset:-24}}.map-legend{margin-top:14px;color:var(--muted);font-size:12px;font-weight:850}.map-legend i{display:inline-block;width:22px;height:4px;border-radius:999px;margin-right:6px;vertical-align:middle}.legend-green{background:#22c55e}.legend-blue{background:#38bdf8}.legend-grey{background:#94a3b8}.checkpoint-strip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-top:14px}.checkpoint-strip span{border:1px solid var(--line);border-radius:8px;padding:10px;background:#f8fafc;color:var(--muted);font-size:12px;font-weight:850}.checkpoint-strip .done{border-color:#22c55e59;color:#166534;background:#ecfdf3}.checkpoint-strip .active{border-color:#38bdf86b;color:#075985;background:#e0f2fe}.command-timeline{position:relative;display:grid;gap:0}.command-timeline-item{display:grid;grid-template-columns:28px 1fr;gap:14px;padding-bottom:22px;position:relative}.command-timeline-item:before{content:"";position:absolute;left:10px;top:22px;bottom:0;width:2px;background:#d8e3eb}.command-timeline-item:last-child:before{display:none}.command-timeline-item>span{width:22px;height:22px;border-radius:999px;margin-top:2px;background:#22c55e;box-shadow:0 0 0 6px #22c55e1f;z-index:1}.command-timeline-item.moving>span{background:#38bdf8;box-shadow:0 0 0 6px #38bdf829}.command-timeline-item.next>span{background:#94a3b8}.command-timeline time{display:block;color:var(--muted);font-size:12px;font-weight:900;text-transform:uppercase}.command-timeline strong{display:block;margin-top:4px;font-size:17px}.command-timeline p,.eta-card p,.transport-team p,.communication-card p,.vehicle-command-card dd{color:var(--muted)}.vault-qr,.share-card img{width:92px;height:92px;border-radius:8px;border:1px solid var(--line);background:#fff;padding:6px}.vault-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.vault-item{display:grid;gap:14px;border:1px solid var(--line);border-radius:10px;padding:14px;background:#fbfdfe}.vault-item strong,.vault-item span{display:block}.vault-item span{margin-top:5px;color:var(--muted);font-size:12px;font-weight:800}.vault-item a,.vault-item button,.communication-actions a{border:0;border-radius:8px;background:#e8f5f8;color:var(--brand-dark);padding:10px 12px;font-weight:900;text-align:center;cursor:pointer}.vault-item.photo{background:#f8fafc}.vehicle-command-card dl{display:grid;gap:10px;margin:18px 0 0}.vehicle-command-card div{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line);padding-bottom:10px}.vehicle-command-card dt{color:var(--muted);font-weight:850}.vehicle-command-card dd{margin:0;font-weight:900;text-align:right}.eta-card h2{font-size:42px}.eta-card>strong{display:block;font-size:22px;margin:8px 0 14px}.eta-confidence{height:10px;border-radius:999px;background:#dce7ef;overflow:hidden}.eta-confidence span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#22c55e,#38bdf8)}.communication-actions{display:grid;margin-top:14px}.share-card{display:grid;gap:14px}.auth-shell,.register-shell{min-height:calc(100vh - 72px);background:linear-gradient(180deg,#f8fbfd,#eef5f8);padding:36px 0 0}.auth-card{width:min(1320px,calc(100% - 36px));margin:0 auto;display:grid;grid-template-columns:1fr 430px;overflow:hidden;border-radius:6px;background:#fff;box-shadow:0 24px 80px #1018201f}.auth-image-panel{min-height:640px;padding:42px;color:#fff;background:linear-gradient(90deg,#07111ddb,#07111d52),url(/images/auth-alpine-transporter.png) center / cover no-repeat}.auth-brand-mini{display:flex;align-items:center;gap:12px;font-size:24px}.auth-brand-mini span,.auth-form-icon,.customer-sidebar span{display:inline-grid;place-items:center;width:54px;height:54px;border-radius:10px;background:linear-gradient(135deg,#08799f,#13a6bd);color:#fff;font-weight:950}.auth-image-panel h1{max-width:420px;margin:74px 0 18px;font-size:46px;line-height:1.08}.auth-image-panel p,.auth-image-panel li{color:#d7e4ec;line-height:1.7}.auth-image-panel ul{display:grid;gap:14px;padding:0;margin:50px 0 0;list-style:none}.auth-image-panel li:before{content:"";display:inline-block;width:10px;height:10px;margin-right:10px;border-radius:999px;background:#15a6bd}.auth-image-panel a{display:inline-flex;margin-top:54px;color:#fff;font-weight:900}.auth-form-panel{display:grid;align-content:center;gap:16px;padding:44px}.auth-form-panel h2{margin:0;font-size:34px}.auth-form-panel p{margin:0;color:var(--muted)}.auth-form-panel label,.register-step-card label,.dashboard-panel label{display:grid;gap:7px;color:#132033;font-size:13px;font-weight:850}.auth-form-panel input,.register-step-card input,.register-step-card select,.dashboard-panel input,.dashboard-panel select{min-height:48px}.auth-row{display:flex;justify-content:space-between;gap:12px;align-items:center;color:var(--muted);font-size:14px}.auth-check{display:inline-flex!important;grid-template-columns:auto 1fr;align-items:center}.auth-check input{width:auto;min-height:auto}.auth-submit{width:100%;background:linear-gradient(135deg,#08799f,#12a5bd)}.auth-divider{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center;color:var(--muted);font-size:13px}.auth-divider:before,.auth-divider:after{content:"";height:1px;background:var(--line)}.auth-outline{display:inline-flex;justify-content:center;border:1px solid #9cc9d8;border-radius:8px;padding:13px;color:var(--brand-dark);font-weight:900}.auth-alert{border-radius:8px;background:#fff3d6;color:#8a5a00;padding:12px;font-weight:800}.auth-alert.success{background:#e8f7f0;color:#15845f}.auth-trust-bar{width:min(1120px,calc(100% - 36px));margin:-24px auto 40px;position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--line);box-shadow:0 18px 50px #1018201a}.auth-trust-bar div{background:#fff;padding:22px}.auth-trust-bar strong,.auth-trust-bar span{display:block}.auth-trust-bar span{margin-top:5px;color:var(--muted)}.register-head{max-width:760px}.register-head span{color:var(--brand-dark);font-weight:900;text-transform:uppercase}.register-head h1{margin:12px 0;font-size:clamp(34px,5vw,58px)}.register-head p{color:var(--muted);line-height:1.7}.register-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:30px 0}.register-steps span{border-top:3px solid #cbd7e1;padding-top:12px;color:var(--muted);font-weight:850;text-align:center}.register-steps .active{border-color:var(--brand);color:var(--brand-dark)}.register-grid{display:grid;grid-template-columns:repeat(5,minmax(230px,1fr));gap:18px;overflow-x:auto;padding-bottom:44px}.register-step-card,.dashboard-panel{display:grid;gap:14px;border:1px solid var(--line);border-radius:10px;background:#fff;padding:22px;box-shadow:0 12px 34px #1018200f}.register-step-card h2,.dashboard-panel h2{margin:0}.register-step-card p{color:var(--muted);line-height:1.6}.otp-preview{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.otp-preview span{display:grid;place-items:center;height:46px;border:1px solid var(--line);border-radius:8px;font-weight:900}.kyc-choice{border:1px solid var(--line);border-radius:8px;padding:13px;font-weight:900}.kyc-choice span{display:block;margin-top:4px;color:var(--muted);font-size:12px}.complete-check{width:110px;height:110px;display:grid;place-items:center;margin:20px auto;border:4px solid #7ed4ca;border-radius:999px;color:#15845f;font-size:52px}.customer-app{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:calc(100vh - 72px);background:#f6f9fb}.customer-sidebar{display:grid;align-content:start;gap:10px;background:#091827;color:#cbd8e3;padding:24px}.customer-sidebar strong{display:flex;align-items:center;gap:10px;color:#fff;margin-bottom:24px}.customer-sidebar span{width:38px;height:38px;border-radius:8px}.customer-sidebar a{border-radius:8px;padding:12px;font-weight:850}.customer-sidebar a.active,.customer-sidebar a:hover{background:#08799f47;color:#fff}.customer-content{padding:32px}.customer-head{display:flex;justify-content:space-between;gap:16px;align-items:start;margin-bottom:22px}.customer-head h1{margin:0}.customer-head p{color:var(--muted)}.dashboard-stats,.verification-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.dashboard-stats div{border:1px solid var(--line);border-radius:10px;background:#fff;padding:18px}.dashboard-stats span{display:block;color:var(--muted);font-size:13px;font-weight:850}.dashboard-stats strong{display:block;margin-top:8px;font-size:28px}.customer-dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:18px}.vehicle-row{display:grid;grid-template-columns:110px 1fr auto;gap:16px;align-items:center;border-top:1px solid var(--line);padding:16px 0}.vehicle-row img{width:110px;height:74px;object-fit:cover;border-radius:8px}.vehicle-row span,.vehicle-row p{color:var(--muted)}.status-steps{display:grid;gap:12px}.status-steps span{border-left:4px solid #cbd7e1;padding:9px 12px;color:var(--muted);font-weight:850}.status-steps .done{border-color:#22c55e;color:#166534}.status-steps .active{border-color:var(--gold);color:#8a5a00}.phase-register-page{min-height:calc(100vh - 72px);background:radial-gradient(circle at 18% 12%,rgba(8,121,159,.12),transparent 28%),linear-gradient(180deg,#f7fafc,#edf4f8);padding:32px}.phase-register-shell{width:min(1440px,100%);min-height:calc(100vh - 136px);margin:0 auto;display:grid;grid-template-columns:minmax(0,1.04fr) minmax(440px,.72fr);overflow:hidden;border:1px solid rgba(201,215,225,.9);border-radius:18px;background:#fff;box-shadow:0 30px 90px #10182024}.phase-register-visual{position:relative;min-height:740px;background:linear-gradient(90deg,#07111deb,#07111d70 48%,#07111d1a),url(/images/registration-logistics-terminal.png) center / cover no-repeat}.phase-register-visual-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;align-content:space-between;gap:34px;padding:clamp(26px,4vw,54px);color:#fff}.phase-register-brand{display:inline-flex;align-items:center;gap:14px;width:fit-content;font-size:22px;font-weight:900}.phase-register-brand span,.phase-register-lock{display:grid;place-items:center;width:54px;height:54px;border-radius:12px;background:linear-gradient(135deg,#08799f,#18abc2);color:#fff;font-weight:950;box-shadow:0 18px 38px #08799f52}.phase-register-copy{max-width:620px}.phase-register-eyebrow{display:inline-flex;border:1px solid rgba(244,183,64,.42);border-radius:999px;background:#f4b7401f;color:#ffe2a1;padding:8px 12px;font-size:12px;font-weight:950;text-transform:uppercase}.phase-register-copy h1{margin:20px 0 16px;font-size:clamp(38px,5vw,72px);line-height:1;letter-spacing:0}.phase-register-copy p{max-width:560px;color:#d7e4ec;font-size:18px;line-height:1.72}.phase-register-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:640px}.phase-register-metrics div{border:1px solid rgba(255,255,255,.18);border-radius:12px;background:#08111c7a;padding:16px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.phase-register-metrics strong{display:block;font-size:28px}.phase-register-metrics span{display:block;margin-top:3px;color:#b9c9d5;font-size:13px;font-weight:800}.phase-register-panel{display:grid;align-items:center;padding:clamp(24px,4vw,54px);background:linear-gradient(180deg,#fffffff5,#f7fafcf5),radial-gradient(circle at 90% 0%,rgba(8,121,159,.12),transparent 32%)}.phase-register-card{display:grid;gap:20px;width:100%;border:1px solid rgba(201,215,225,.86);border-radius:16px;background:#fffffff0;padding:clamp(24px,4vw,38px);box-shadow:0 24px 70px #1018201c}.phase-register-card-head{display:grid;gap:8px}.phase-register-card-head>span{color:var(--brand-dark);font-size:12px;font-weight:950;text-transform:uppercase}.phase-register-card-head h2{margin:0;font-size:clamp(30px,4vw,44px);line-height:1.04}.phase-register-card-head p{margin:0;color:var(--muted);line-height:1.62}.phase-register-trust{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.phase-register-trust span{display:flex;align-items:center;gap:8px;border:1px solid #d8e4ec;border-radius:10px;background:#f8fbfd;padding:11px 12px;color:#263544;font-size:13px;font-weight:850}.phase-register-trust b{color:#15845f}.phase-register-form{display:grid;gap:14px}.phase-register-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.phase-register-form label{display:grid;gap:7px;color:#132033;font-size:13px;font-weight:850}.phase-register-form input{min-height:50px;border-radius:10px;background:#fff}.phase-register-form input:focus{outline:3px solid rgba(8,121,159,.14);border-color:#08799f9e}.phase-register-more{border:1px solid #d8e4ec;border-radius:12px;background:#fbfdfe;padding:14px}.phase-register-more summary{cursor:pointer;color:var(--brand-dark);font-weight:950}.phase-register-more p{margin:10px 0 14px;color:var(--muted);font-size:13px;line-height:1.55}.phase-register-submit{min-height:54px;width:100%;margin-top:4px;border-radius:10px;background:linear-gradient(135deg,#08799f,#13a6bd);box-shadow:0 16px 34px #08799f3d}.phase-register-footer{display:flex;justify-content:center;gap:8px;color:var(--muted);font-size:14px}.phase-register-footer a{color:var(--brand-dark);font-weight:900}.register-wizard-shell{grid-template-columns:minmax(0,.9fr) minmax(520px,.82fr)}.register-wizard-card{align-self:center}.wizard-progress{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.wizard-progress button{display:grid;gap:7px;justify-items:center;border:0;border-top:3px solid #d6e2eb;background:transparent;color:var(--muted);padding:12px 4px 0;font-size:12px;font-weight:900;cursor:default}.wizard-progress span{display:grid;place-items:center;width:26px;height:26px;border-radius:999px;background:#dce7ef;color:#435162;font-size:12px}.wizard-progress .active{border-color:var(--brand);color:var(--brand-dark)}.wizard-progress .active span,.wizard-progress .done span{background:var(--brand);color:#fff}.wizard-progress .done{border-color:#22c55e;color:#166534}.wizard-step{display:none;animation:wizard-in .22s ease-out}.wizard-step.active{display:grid;gap:14px}@keyframes wizard-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.wizard-step-head{display:grid;gap:6px}.wizard-step-head span{color:var(--brand-dark);font-size:12px;font-weight:950;text-transform:uppercase}.wizard-step-head h3{margin:0;font-size:26px}.wizard-step-head p{margin:0;color:var(--muted);line-height:1.55}.wizard-actions{display:grid;grid-template-columns:.45fr 1fr;gap:10px}.compact-phone-grid{grid-template-columns:120px minmax(0,1fr)}.password-strength{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.password-strength span{height:7px;border-radius:999px;background:#dbe6ee}.password-strength span.active{background:linear-gradient(90deg,var(--brand),#13a6bd)}.password-strength small{grid-column:1 / -1;color:var(--muted);font-size:12px;font-weight:700}.otp-entry{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.otp-entry input{height:58px;padding:0;text-align:center;font-size:24px;font-weight:900}.otp-status{display:flex;justify-content:space-between;gap:12px;align-items:center;color:var(--muted);font-size:13px;font-weight:800}.otp-status button{border:0;background:transparent;color:var(--brand-dark);font-weight:900;cursor:pointer}.otp-status button:disabled{color:#9aa8b5;cursor:not-allowed}.wizard-message{border-radius:10px;background:#fff3d6;color:#8a5a00;padding:12px 14px;font-size:13px;font-weight:850}.wizard-message[data-type=success]{background:#e8f7f0;color:#166534}.phase-register-submit:disabled,.wizard-actions button:disabled{opacity:.68;cursor:wait}.kyc-page{background:radial-gradient(circle at 90% 0%,rgba(8,121,159,.08),transparent 28%),#f6f9fb}.kyc-hero{display:flex;justify-content:space-between;gap:20px;align-items:start;border:1px solid var(--line);border-radius:12px;background:#fff;padding:28px;margin-bottom:20px;box-shadow:0 12px 34px #1018200f}.kyc-hero h1{margin:14px 0 10px;font-size:clamp(34px,5vw,56px);line-height:1.04}.kyc-hero p,.kyc-side-panel p{color:var(--muted);line-height:1.65}.kyc-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:18px}.kyc-upload-card,.kyc-side-panel,.verification-status-panel,.verification-status-summary{border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:0 12px 34px #1018200f}.kyc-upload-card{display:grid;gap:16px;padding:24px}.kyc-document-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.kyc-document-options label{display:grid;gap:8px;border:1px solid #d8e4ec;border-radius:12px;background:#fbfdfe;padding:14px;cursor:pointer}.kyc-document-options input{width:auto;min-height:auto}.kyc-document-options span,.kyc-document-row span{color:var(--muted);font-size:13px}.kyc-dropzone{border:2px dashed #b8cedb;border-radius:12px;background:#f7fbfd;padding:24px;text-align:center}.kyc-dropzone input{margin-bottom:12px}.kyc-side-panel{display:grid;align-content:start;gap:18px;padding:22px}.kyc-side-panel h2{margin:0 0 10px}.kyc-file-list{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.kyc-file-list span,.kyc-document-row{border:1px solid var(--line);border-radius:9px;background:#fbfdfe;padding:11px;font-weight:850}.kyc-document-row{display:grid;gap:4px;margin-bottom:8px}.verification-status-panel{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:18px;padding:24px}.verification-status-timeline{display:grid}.verification-status-timeline div{position:relative;display:grid;grid-template-columns:1fr auto;gap:14px;border-left:4px solid #d7e4ec;padding:0 0 22px 18px}.verification-status-timeline div:before{content:"";position:absolute;left:-11px;top:0;width:18px;height:18px;border-radius:999px;background:#d7e4ec}.verification-status-timeline .done{border-color:#22c55e}.verification-status-timeline .done:before{background:#22c55e}.verification-status-timeline .active{border-color:var(--gold)}.verification-status-timeline .active:before{background:var(--gold)}.verification-status-timeline span{color:var(--muted);font-weight:800}.verification-status-summary{padding:22px;align-self:start}.customer-dashboard-hero{display:flex;justify-content:space-between;gap:20px;align-items:start;border:1px solid var(--line);border-radius:12px;background:linear-gradient(135deg,#fff,#f4f9fb),radial-gradient(circle at 92% 0%,rgba(8,121,159,.14),transparent 26%);padding:28px;margin-bottom:20px;box-shadow:0 12px 34px #1018200f}.customer-dashboard-hero h1{margin:14px 0 8px;font-size:clamp(32px,4vw,52px);line-height:1.04}.customer-dashboard-hero p,.empty-state p,.dashboard-next-step p{color:var(--muted);line-height:1.6}.customer-vehicle-row{grid-template-columns:120px 1fr auto}.empty-state,.dashboard-next-step{border:1px solid var(--line);border-radius:10px;background:#fbfdfe;padding:18px}.dashboard-next-step{display:grid;gap:10px;margin-top:18px}.professional-error-page{min-height:100vh;display:grid;place-items:center;padding:28px;background:linear-gradient(90deg,#08111ceb,#08111c9e),url(/images/registration-logistics-terminal.png) center / cover no-repeat}.professional-error-card{width:min(760px,100%);display:grid;gap:24px;border:1px solid rgba(255,255,255,.18);border-radius:18px;background:#fffffff0;padding:clamp(24px,5vw,46px);box-shadow:0 28px 90px #050f1957}.professional-error-card h1{margin:18px 0 10px;font-size:clamp(34px,6vw,58px);line-height:1.04}.professional-error-card p{margin:0;color:var(--muted);font-size:18px;line-height:1.7}.professional-error-card .phase-register-eyebrow{color:#805500;background:#fff5dc}.professional-error-code{width:fit-content;border:1px solid #d7e4ec;border-radius:999px;background:#f7fbfd;padding:8px 13px;color:var(--brand-dark);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-weight:950}.professional-error-actions{display:flex;flex-wrap:wrap;gap:10px}.professional-error-card small{color:var(--muted);font-weight:800}.portal-badge-row,.portal-action-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:16px}.portal-avatar-card{min-width:250px;display:grid;gap:9px;justify-items:center;border:1px solid var(--line);border-radius:14px;background:#fff;padding:20px;box-shadow:0 12px 34px #10182014}.portal-avatar-card img{width:100%;height:120px;object-fit:cover;border-radius:12px}.portal-avatar-card>span{display:grid;place-items:center;width:78px;height:78px;border-radius:999px;background:linear-gradient(135deg,var(--brand),#13a6bd);color:#fff;font-size:24px;font-weight:950}.portal-avatar-card small,.payment-center-card p,.bank-detail-card p,.safe-deal-flow p,.message-ticket-card p{color:var(--muted);line-height:1.6}.portal-next-steps{margin-bottom:18px}.journey-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.journey-steps div{border:1px solid var(--line);border-radius:12px;background:#fbfdfe;padding:14px}.journey-steps span{display:grid;place-items:center;width:34px;height:34px;border-radius:999px;background:#dce8ef;color:#344454;font-weight:950}.journey-steps .done{border-color:#22c55e59;background:#ecfdf3}.journey-steps .done span{background:#22c55e;color:#fff}.journey-steps .active{border-color:#f4b74099;background:#fff8e6}.portal-order-actions{display:grid;gap:8px;min-width:150px}.portal-mini-map{position:relative;display:grid;gap:14px;margin-bottom:16px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(135deg,#08799f14,#f4b7401a),repeating-linear-gradient(45deg,rgba(8,121,159,.08) 0 1px,transparent 1px 24px);padding:18px}.portal-mini-map span,.portal-mini-map b{width:fit-content;border-radius:999px;background:#fff;padding:8px 12px;box-shadow:0 8px 20px #1018201a}.portal-mini-map b{margin-left:auto;background:#f4b740;color:#17202a}.portal-payment-grid,.payment-center-card{display:grid;gap:18px}.payment-amount-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.payment-amount-row div,.bank-detail-card{border:1px solid var(--line);border-radius:12px;background:#fbfdfe;padding:16px}.payment-amount-row span{display:block;color:var(--muted);font-size:12px;font-weight:850;text-transform:uppercase}.payment-amount-row strong{display:block;margin-top:6px;font-size:20px}.bank-detail-card h3{margin:8px 0;font-size:24px}.document-table{display:grid;gap:12px}.document-table article{display:grid;grid-template-columns:1fr 190px auto;gap:16px;align-items:center;border:1px solid var(--line);border-radius:12px;background:#fbfdfe;padding:16px}.document-table strong,.document-table p{display:block;margin:5px 0 0}.customer-vault-grid .portal-action-row{margin-top:0}.customer-vault-grid button{border:0;border-radius:8px;background:#e8f5f8;color:var(--brand-dark);padding:10px 12px;font-weight:900;cursor:pointer}.safe-deal-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.safe-deal-flow article,.message-ticket-card{border:1px solid var(--line);border-radius:12px;background:#fbfdfe;padding:18px}.safe-deal-flow span{display:grid;place-items:center;width:38px;height:38px;border-radius:999px;background:var(--brand);color:#fff;font-weight:950}.safe-deal-flow strong{display:block;margin-top:12px;font-size:18px}.message-ticket-card+.message-ticket-card{margin-top:12px}.message-ticket-card h3{margin:12px 0 4px}.message-ticket-card blockquote{margin:12px 0 0;border-left:4px solid var(--brand);background:#fff;padding:10px 12px;color:#334150}@media (max-width: 980px){.hero-grid,.shipment-top,.tracking-layout,.shipment-hero,.portal-hero-grid,.split-media,.strip-grid,.command-hero-grid,.command-main-grid{grid-template-columns:1fr}.phase-register-page{padding:18px}.phase-register-shell{grid-template-columns:1fr}.phase-register-visual{min-height:520px}.grid-4,.grid-3,.grid-2,.stat-band,.route-grid,.document-grid,.vault-grid,.kyc-grid,.verification-status-panel,.checkpoint-strip{grid-template-columns:1fr 1fr}}@media (max-width: 720px){.nav-wrap{align-items:flex-start;flex-direction:column;padding:14px 0}.nav-links{width:100%;flex-wrap:wrap}.hero,.hero-grid{min-height:auto}.hero-grid{padding:46px 0}.grid-4,.grid-3,.grid-2,.stat-band,.route-grid,.micro-grid,.document-grid,.vault-grid,.checkpoint-strip,.command-route{grid-template-columns:1fr}.document-center-head{align-items:flex-start;flex-direction:column}.tracking-command-page{background:linear-gradient(180deg,#08111c,#0f1824 30%,#f4f7fa 30%,#f4f7fa)}.command-hero{padding-top:18px}.command-route-line{height:70px;width:3px;margin-left:12px;background:linear-gradient(180deg,#22c55e,#38bdf8 58%,#64748b 58%,#64748b)}.command-route-line span{left:28px;top:24px;transform:none}.command-route-line:after{left:50%;top:58%}.live-map{height:380px}.phase-register-page{padding:0}.phase-register-shell{min-height:auto;border-radius:0;border-left:0;border-right:0}.phase-register-visual{min-height:auto}.phase-register-visual-overlay{position:relative;padding:24px;min-height:560px}.phase-register-copy h1{font-size:34px}.phase-register-metrics,.phase-register-trust,.phase-register-field-grid{grid-template-columns:1fr}.phase-register-panel{padding:18px}.phase-register-card{border-radius:14px;padding:22px}.register-wizard-shell,.wizard-progress{grid-template-columns:1fr}.wizard-progress button{grid-template-columns:28px 1fr;justify-items:start;align-items:center;border-top:0;border-left:3px solid #d6e2eb;padding:6px 0 6px 10px}.wizard-actions,.compact-phone-grid,.otp-status{grid-template-columns:1fr}.wizard-actions,.otp-status{display:grid}.customer-app,.kyc-grid,.verification-status-panel,.kyc-document-options{grid-template-columns:1fr}.customer-sidebar{position:static}.customer-content{padding:18px}.kyc-hero,.customer-dashboard-hero{flex-direction:column;padding:20px}.customer-vehicle-row{grid-template-columns:1fr}.customer-vehicle-row img{width:100%;height:180px}.verification-status-timeline div{grid-template-columns:1fr}.journey-steps,.payment-amount-row,.safe-deal-flow,.document-table article{grid-template-columns:1fr}.portal-avatar-card,.portal-order-actions{width:100%}}