:root{--navy:#0b1220;--navy2:#111b2e;--orange:#f97316;--orange2:#fb923c;--muted:#64748b;--line:#e5e7eb;--bg:#f5f7fb}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#172033;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}.app-nav{background:rgba(11,18,32,.96);backdrop-filter:blur(12px);box-shadow:0 8px 30px rgba(0,0,0,.12)}.navbar-brand span{display:flex;flex-direction:column;line-height:1}.navbar-brand small{font-size:.63rem;color:#94a3b8;letter-spacing:.12em;text-transform:uppercase;margin-top:5px}.nav-link{color:#dbe4f0!important}.btn-accent{background:linear-gradient(135deg,var(--orange),var(--orange2));border:0;color:#fff;font-weight:700;box-shadow:0 10px 25px rgba(249,115,22,.25)}.btn-accent:hover{color:#fff;transform:translateY(-1px)}.notif-badge{position:absolute;top:2px;right:0;font-size:.6rem}.hero{background:radial-gradient(circle at 75% 20%,rgba(249,115,22,.18),transparent 30%),linear-gradient(135deg,#07101f,#111d34);color:#fff;padding:90px 0 80px;overflow:hidden}.eyebrow,.section-title span{font-size:.75rem;font-weight:800;letter-spacing:.17em;color:var(--orange)}.hero h1{font-size:clamp(2.7rem,6vw,5.4rem);line-height:.98;font-weight:900;letter-spacing:-.055em;margin:18px 0 24px}.hero h1 span{color:var(--orange)}.hero p{font-size:1.16rem;color:#bdc8d9;max-width:640px}.hero-points{display:flex;flex-wrap:wrap;gap:18px;margin-top:30px;color:#dbe4f0;font-size:.9rem}.hero-points i{color:var(--orange);margin-right:6px}.phone-card{max-width:420px;margin:auto;background:#fff;border-radius:34px;border:8px solid #23304a;padding:16px;color:#0f172a;box-shadow:0 40px 80px rgba(0,0,0,.35);transform:rotate(1.5deg)}.phone-top{display:flex;justify-content:space-between;font-size:.8rem;padding:4px 6px 14px}.map-mock{height:250px;background:linear-gradient(35deg,#dbe8d8,#e7edf4);border-radius:22px;position:relative;overflow:hidden}.road{position:absolute;background:#fff;border:5px solid #cad4df;border-radius:100px}.r1{width:500px;height:45px;top:90px;left:-80px;transform:rotate(-20deg)}.r2{width:420px;height:35px;top:100px;left:35px;transform:rotate(60deg)}.pin{position:absolute;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;color:#fff;box-shadow:0 8px 18px rgba(0,0,0,.2)}.p1{background:#111827;left:70px;top:65px}.p2{background:var(--orange);right:72px;bottom:48px}.trip-mini{padding:18px 8px 4px;display:flex;flex-direction:column;gap:5px}.trip-mini small,.trip-mini span{color:var(--muted)}.trip-mini button{border:0;background:#dcfce7;color:#166534;border-radius:10px;padding:9px;font-weight:700;margin-top:7px}.section-title{max-width:850px;margin-bottom:32px}.section-title h2{font-size:clamp(2rem,4vw,3.3rem);font-weight:850;letter-spacing:-.04em;margin-top:8px}.section-title.light h2{color:#fff}.feature-card,.zone-card,.stat-card,.quick-panel,.ride-card,.side-card,.driver-card,.form-shell,.auth-card{background:#fff;border:1px solid rgba(148,163,184,.18);border-radius:22px;box-shadow:0 16px 45px rgba(15,23,42,.06)}.feature-card{height:100%;padding:30px}.feature-card>i{font-size:2rem;color:var(--orange)}.feature-card h4{font-weight:800;margin:18px 0 10px}.feature-card p{color:var(--muted);margin:0}.zone-section{background:var(--navy);padding:70px 0}.zone-card{padding:24px;background:#152238;color:#fff;border-color:#263752}.zone-card h4{font-weight:800;margin:10px 0 5px}.zone-card p,.zone-card small{color:#aebbd0}.zone-type{display:inline-block;background:rgba(249,115,22,.14);color:#fdba74;padding:6px 10px;border-radius:999px;font-size:.72rem;text-transform:uppercase;font-weight:800}.light-card{background:#fff;color:#172033}.light-card p,.light-card small{color:var(--muted)}.page-head{background:linear-gradient(135deg,#0b1220,#17243d);color:#fff;padding:38px 0}.page-head h1{font-size:clamp(1.8rem,4vw,3rem);font-weight:850;letter-spacing:-.04em;margin:0}.page-head p{color:#bdc8d9;margin:7px 0 0}.auth-wrap{min-height:75vh;display:grid;place-items:center;padding:40px 15px;background:radial-gradient(circle at 20% 20%,rgba(249,115,22,.12),transparent 32%)}.auth-wrap.wide .auth-card{max-width:800px}.auth-card{width:100%;max-width:460px;padding:32px}.form-control,.form-select{border-radius:12px;border-color:#dbe1ea;padding:.78rem .9rem}.form-control:focus,.form-select:focus{border-color:var(--orange);box-shadow:0 0 0 .2rem rgba(249,115,22,.13)}.form-shell{padding:28px}.stat-card{padding:21px;display:flex;align-items:center;gap:15px;height:100%}.stat-icon{width:48px;height:48px;border-radius:14px;background:#fff1e8;color:var(--orange);display:grid;place-items:center;font-size:1.25rem}.stat-card span{font-size:.8rem;color:var(--muted);display:block}.stat-card strong{font-size:1.35rem}.quick-panel{padding:28px;background:linear-gradient(135deg,#fff,#fff8f2)}.action-tile{display:flex;align-items:center;gap:16px;background:#fff;border-radius:18px;padding:23px;text-decoration:none;color:#172033;box-shadow:0 12px 35px rgba(15,23,42,.06);height:100%}.action-tile>i{font-size:1.8rem;color:var(--orange)}.action-tile span{display:flex;flex-direction:column}.action-tile small{color:var(--muted)}.map-box{height:470px;border-radius:22px;border:1px solid var(--line);overflow:hidden;background:#dfe7ef}.ride-list{display:flex;flex-direction:column;gap:12px}.ride-list-item{display:flex;justify-content:space-between;gap:20px;background:#fff;border:1px solid #e7ebf1;border-radius:18px;padding:20px;text-decoration:none;color:#172033;transition:.2s}.ride-list-item:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(15,23,42,.08)}.ride-code{font-size:.72rem;color:var(--muted);font-weight:800}.route{display:flex;flex-direction:column;gap:15px;margin:20px 0}.route>div{display:flex;align-items:flex-start;gap:12px}.route i{font-size:.8rem;margin-top:4px}.route .start{color:#16a34a}.route .end{color:#ef4444}.route.compact{margin:7px 0 0;gap:8px}.ride-meta{min-width:160px;text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:5px}.ride-meta small{color:var(--muted)}.ride-card,.side-card,.driver-card{padding:25px}.ride-card small{display:block;color:var(--muted)}.ride-card strong{display:block}.side-card h5,.driver-card h4{font-weight:800}.doc-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:12px}.doc-grid span{font-size:.78rem;color:var(--muted);background:#f7f8fa;padding:10px;border-radius:10px}.doc-grid strong{display:block;color:#172033}.table-card{background:#fff;border-radius:18px;overflow:hidden}.table-card td,.table-card th{padding:15px;vertical-align:middle}.table-card td small{display:block;color:var(--muted)}.contact-row{padding:12px 0;border-bottom:1px solid var(--line);display:flex;flex-direction:column}.contact-row span{font-size:.84rem;color:var(--muted)}.app-footer{background:#07101f;color:#aebbd0;padding:28px 0;margin-top:50px}.app-footer a{color:#fdba74}.alert{border-radius:14px}.badge{font-weight:700}.action-bar{background:#fff;padding:15px;border-radius:15px}.list-group-item{border-radius:14px!important;margin-bottom:8px;border:1px solid #e5e7eb}.list-group-item p,.list-group-item small{color:var(--muted)}
@media(max-width:767px){.hero{padding:65px 0}.phone-card{margin-top:20px}.ride-list-item{flex-direction:column}.ride-meta{align-items:flex-start;text-align:left}.doc-grid{grid-template-columns:1fr}.app-footer{text-align:center}.form-shell,.auth-card{padding:22px}}