:root{--navy:#0b263e;--blue:#1467d8;--gold:#f1ad3d;--ink:#162536;--muted:#eef4f8;--line:#dce6ee;--white:#fff;--shadow:0 18px 45px rgba(8,35,58,.13)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--ink);background:#fff}a{text-decoration:none;color:inherit}.container{width:min(1180px,calc(100% - 36px));margin:auto}.site-header{position:sticky;top:0;z-index:20;background:rgba(8,35,58,.94);backdrop-filter:blur(16px);color:#fff}.nav-wrap{height:76px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:10px;font-weight:800}.brand small{display:block;font-size:11px;opacity:.7}.brand-icon{font-size:28px}.nav{display:flex;gap:22px;margin-inline-start:auto}.nav a{font-size:14px;opacity:.9}.nav-actions{display:flex;align-items:center;gap:8px}.btn{display:inline-flex;justify-content:center;align-items:center;border-radius:9px;padding:11px 16px;font-weight:700;border:1px solid transparent;cursor:pointer}.btn.primary{background:linear-gradient(135deg,#f2b347,#e48b23);color:#fff}.btn.ghost{border-color:rgba(255,255,255,.45);color:#fff}.btn.ghost-dark{border-color:#cad7e1;color:#17344b}.btn.small{padding:8px 12px;font-size:13px}.btn.large{padding:14px 20px}.btn.block{width:100%}.lang-select{background:#173b59;color:#fff;border:0;border-radius:8px;padding:9px}.menu-toggle{display:none}.hero{min-height:610px;background:linear-gradient(90deg,rgba(5,27,45,.55),rgba(5,27,45,.08)),url('../img/hero-bike-egypt.jpg') center/cover no-repeat;display:flex;align-items:center}.hero-content{display:flex}.glass-card{max-width:560px;padding:44px;border:1px solid rgba(255,255,255,.28);border-radius:22px;background:rgba(8,35,58,.68);backdrop-filter:blur(12px);color:#fff;box-shadow:var(--shadow)}h1{font-size:clamp(40px,6vw,72px);line-height:1.03;margin:12px 0 18px}h2{font-size:clamp(30px,4vw,46px);margin:8px 0}h3{margin:10px 0}.glass-card p{font-size:19px;line-height:1.65}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:12px;font-weight:800;color:#d78922}.hero-actions,.card-actions{display:flex;gap:10px;flex-wrap:wrap}.section{padding:86px 0}.section.muted{background:var(--muted)}.section-head{text-align:center;margin-bottom:34px}.role-grid,.route-grid,.bike-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.role-card,.bike-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:25px;box-shadow:0 9px 25px rgba(8,35,58,.07)}.role-card{border-top:5px solid}.role-card.blue{border-color:#176ee0}.role-card.green{border-color:#30a44c}.role-card.purple{border-color:#7652c8}.role-card.orange{border-color:#ef8b21}.role-icon{font-size:34px}.role-card p,.bike-card p{color:#5d7181;line-height:1.55;min-height:74px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;text-align:center}.step span{display:grid;place-items:center;width:80px;height:80px;margin:auto;border-radius:50%;background:#fff;font-size:34px;box-shadow:var(--shadow)}.route-card{height:250px;border-radius:18px;background-size:cover;background-position:center;position:relative;overflow:hidden;box-shadow:var(--shadow)}.route-card:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(2,17,28,.9))}.route-card div{position:absolute;z-index:2;bottom:18px;inset-inline:18px;color:#fff}.route-marina{background-image:linear-gradient(135deg,#1c7ab5,#90d1e5)}.route-gouna{background-image:linear-gradient(135deg,#e3b56f,#50a8a5)}.route-nile{background-image:linear-gradient(135deg,#4f91b9,#d8c59d)}.route-desert{background-image:linear-gradient(135deg,#f3a34d,#8c4a27)}.bike-visual{height:150px;border-radius:14px;background:linear-gradient(145deg,#f7fafc,#dfeaf1);display:grid;place-items:center;font-size:74px}.price{font-size:24px;font-weight:900;margin:15px 0}.price small{font-size:13px;color:#6c7b87}.payment-layout{display:grid;grid-template-columns:1fr 2fr;gap:40px;align-items:center}.payment-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.payment-grid>div{padding:28px 16px;border:1px solid var(--line);border-radius:16px;text-align:center;font-weight:800;background:#fff}.payment-grid .featured{border:2px solid var(--blue);box-shadow:var(--shadow)}.payment-grid small{display:block;margin-top:8px;font-weight:500;color:#647887}.footer{background:#0a263e;color:#dbe8f2}.footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:30px;padding:55px 0}.footer p{line-height:1.7;color:#aebfcb}.footer-cta{text-align:center;background:#123a5c;padding:20px;font-weight:800}.auth-page{min-height:80vh;display:grid;place-items:center;background:linear-gradient(135deg,#eaf4f8,#fff4df);padding:30px}.auth-card{width:min(460px,100%);background:#fff;padding:34px;border-radius:20px;box-shadow:var(--shadow)}.auth-card h1{font-size:38px}.auth-card label{display:block;font-weight:700;margin:15px 0}.auth-card input,.auth-card select{width:100%;padding:13px;border:1px solid #cbd8e2;border-radius:9px;margin-top:7px}.alert{padding:12px;border-radius:8px}.alert.error{background:#ffe5e5;color:#9d1c1c}.alert.success{background:#e4f8e8;color:#17652a}.dashboard-shell{min-height:100vh;display:grid;grid-template-columns:250px 1fr;background:#f2f6f9}.dashboard-shell aside{background:#0b263e;color:#fff;padding:25px;display:flex;flex-direction:column;gap:28px}.dashboard-shell aside nav{display:grid;gap:8px}.dashboard-shell aside nav a{padding:12px;border-radius:8px}.dashboard-shell aside nav a.active{background:#17496e}.dashboard-shell main{padding:38px}.dashboard-shell main h1{font-size:42px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.metric-grid>div,.panel{background:#fff;border:1px solid var(--line);border-radius:14px;padding:24px}.metric-grid strong{display:block;font-size:34px;margin-top:8px}.panel{margin-top:22px}html[dir="rtl"] body{text-align:right}html[dir="rtl"] .nav{margin-inline-start:auto}
@media(max-width:1000px){.nav{display:none;position:absolute;top:76px;inset-inline:0;background:#0b263e;padding:20px;flex-direction:column}.nav.open{display:flex}.menu-toggle{display:block;margin-inline-start:auto}.nav-actions .ghost{display:none}.role-grid,.route-grid,.bike-grid{grid-template-columns:repeat(2,1fr)}.payment-layout{grid-template-columns:1fr}.metric-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.nav-wrap{gap:8px}.brand span:last-child{font-size:14px}.nav-actions .primary{display:none}.hero{min-height:560px}.glass-card{padding:28px}.role-grid,.route-grid,.bike-grid,.steps,.payment-grid,.footer-grid{grid-template-columns:1fr}.dashboard-shell{grid-template-columns:1fr}.dashboard-shell aside{display:none}.metric-grid{grid-template-columns:1fr}}

/* v0.2 landing page refinement */
.hero{min-height:640px;background-image:linear-gradient(90deg,rgba(3,22,38,.38),rgba(3,22,38,.03)),url('../img/hero-bike-egypt.jpg');background-position:center;background-size:cover}
.hero-content{align-items:center;justify-content:space-between;gap:32px}
.glass-card{max-width:560px;background:rgba(7,34,55,.90);border-color:rgba(255,255,255,.18)}
.hero-features{display:grid;grid-template-columns:repeat(2,142px);gap:12px;margin-inline-start:auto}
.hero-features>a,.hero-features>div{min-height:142px;background:rgba(255,255,255,.94);border:1px solid rgba(255,255,255,.75);border-radius:16px;padding:18px 12px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:0 18px 42px rgba(5,24,39,.20);color:#142d43}
.hero-features span{font-size:34px;color:#ee921f;line-height:1}.hero-features strong{margin-top:10px}.hero-features small{margin-top:5px;color:#647887;font-weight:700}
.site-header{box-shadow:0 1px 0 rgba(255,255,255,.08)}
.role-card,.bike-card,.payment-grid>div{transition:transform .2s ease,box-shadow .2s ease}.role-card:hover,.bike-card:hover,.payment-grid>div:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
@media(max-width:1000px){.hero-features{display:none}.hero-content{justify-content:flex-start}.glass-card{max-width:620px}}