:root{--primary:#1769ff;--dark:#09234b;--orange:#ff7a18;--green:#20c979;--purple:#7548ff;--muted:#64748b;--soft:#f4f8ff;--radius:20px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,sans-serif;color:var(--dark);background:#fff;overflow-x:hidden}.site-header{position:sticky;top:0;z-index:1000;background:#ffffffee;backdrop-filter:blur(16px);box-shadow:0 3px 25px #09234b0b}.navbar{min-height:78px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--dark);line-height:1}.brand b{font-size:17px;display:block}.brand small{font-size:8px;letter-spacing:2px;color:var(--primary);font-weight:800}.brand-mark{width:40px;height:40px;border-radius:13px;background:linear-gradient(135deg,#1b75ff,#14c4ff);display:grid;place-items:center;color:#fff;box-shadow:0 8px 20px #1769ff33}.nav-link{font-weight:600;color:#29405f!important;padding:27px 14px!important;position:relative}.nav-link:hover{color:var(--primary)!important}.nav-link:after{content:"";position:absolute;left:14px;right:14px;bottom:16px;height:3px;background:var(--primary);border-radius:4px;transform:scaleX(0);transition:.25s}.nav-link:hover:after{transform:scaleX(1)}.nav-actions{display:flex;align-items:center;gap:8px}.currency{font-size:13px;font-weight:700;margin-right:8px}.btn{border-radius:12px;font-weight:700;padding:10px 18px}.btn-primary{background:linear-gradient(135deg,#1769ff,#00a5ff);border:0;box-shadow:0 8px 20px #1769ff33}.hero{min-height:630px;background:linear-gradient(90deg,#031a3fee 0%,#0c2c4fbc 42%,#0b203900 75%),url('../img/hero.jpg') center/cover;display:flex;align-items:center;color:#fff;position:relative}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,#0b62ff22,#ff7a1812);animation:pulse 6s ease-in-out infinite}.hero-content{position:relative;z-index:2;padding:80px 0}.eyebrow{font-size:13px;letter-spacing:1.6px;font-weight:800;color:#75c5ff;margin-bottom:12px}.hero h1{font-size:clamp(42px,6vw,70px);line-height:1.02;max-width:650px;font-weight:800;margin:0 0 18px}.hero p{font-size:17px;max-width:590px;color:#e7f1ff}.hero-badges{display:flex;gap:10px;flex-wrap:wrap;margin:25px 0}.hero-badge{padding:10px 14px;border-radius:12px;background:#ffffff18;backdrop-filter:blur(10px);font-size:12px}.hero-badge i{margin-right:7px;color:#70e0ff}.search-card{margin-top:25px;background:#fff;color:var(--dark);padding:9px;border-radius:20px;box-shadow:0 25px 60px #00112d55;display:flex;align-items:center;gap:7px;max-width:980px}.search-field{padding:13px 15px;flex:1;border-right:1px solid #e7edf5}.search-field label{font-size:10px;font-weight:800;text-transform:uppercase;color:#718096;display:block}.search-field span{font-size:13px;font-weight:600}.search-card button{height:52px;min-width:150px}.section{padding:80px 0}.section-head{text-align:center;margin-bottom:40px}.section-head h2{font-weight:800;font-size:34px}.section-head p{color:var(--muted);margin:6px auto;max-width:600px}.promo-grid{margin-top:-45px;position:relative;z-index:3}.promo{min-height:150px;border-radius:18px;padding:25px;color:#fff;display:flex;align-items:end;overflow:hidden;position:relative;box-shadow:0 15px 35px #09234b22}.promo:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#061f48dd,#061f4800)}.promo>*{position:relative}.promo h3{font-size:22px;font-weight:800}.promo p{font-size:12px;margin:0 0 10px}.promo.one{background:url('../img/promo1.jpg') center/cover}.promo.two{background:linear-gradient(135deg,#3b25bb,#168bff)}.promo.three{background:url('../img/promo3.jpg') center/cover}.circle-bike{height:125px;width:125px;border-radius:50%;background:#f4f7fb;display:grid;place-items:center;margin:auto;box-shadow:0 8px 25px #09234b12;overflow:hidden}.circle-bike img{width:100%;height:100%;object-fit:contain}.category{text-align:center}.category b{font-size:14px;display:block;margin-top:13px}.category small{color:var(--muted);font-size:11px}.category:hover .circle-bike{transform:translateY(-8px) rotate(-2deg);box-shadow:0 20px 30px #1769ff1e}.circle-bike{transition:.35s}.steps{position:relative}.steps:before{content:"";position:absolute;left:12%;right:12%;top:45px;border-top:2px dashed #bfd0e7}.step{text-align:center;position:relative}.step-icon{width:62px;height:62px;border-radius:50%;margin:auto;display:grid;place-items:center;color:#fff;font-size:22px;box-shadow:0 10px 25px #1769ff22}.step:nth-child(1) .step-icon{background:#168cff}.step:nth-child(2) .step-icon{background:#20c979}.step:nth-child(3) .step-icon{background:#ff6e25}.step:nth-child(4) .step-icon{background:#7548ff}.step h5{font-size:14px;margin-top:15px;font-weight:800}.step p{font-size:12px;color:var(--muted);max-width:150px;margin:auto}.bike-card{border:1px solid #e8eef7;border-radius:18px;overflow:hidden;background:#fff;transition:.35s;height:100%;box-shadow:0 5px 20px #09234b08}.bike-card:hover{transform:translateY(-9px);box-shadow:0 20px 40px #09234b18}.bike-img{height:185px;background:#f5f8fc;position:relative}.bike-img img{width:100%;height:100%;object-fit:contain}.heart{position:absolute;right:12px;top:12px;width:34px;height:34px;border:0;border-radius:50%;background:#fff;display:grid;place-items:center;color:#718096}.bike-body{padding:18px}.bike-body h5{font-size:15px;font-weight:800}.price{font-size:17px;font-weight:800;color:#18a867}.price small{font-size:10px;color:#748095}.specs{display:flex;justify-content:space-between;color:#6a778b;font-size:10px;margin:10px 0 15px}.banner{border-radius:24px;overflow:hidden;min-height:235px;background:url('../img/offer.jpg') center/cover;position:relative;color:#fff;display:flex;align-items:center;padding:45px}.banner:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#061e46dd,#061e4600)}.banner-content{position:relative}.banner h2{font-size:35px;font-weight:800}.why-card,.review{border:1px solid #e8eef7;border-radius:18px;padding:25px;text-align:center;height:100%;background:#fff;transition:.3s}.why-card:hover{transform:translateY(-5px)}.why-icon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;margin:0 auto 15px;background:#eaf2ff;color:var(--primary)}.why-card h6{font-weight:800}.why-card p,.review p{font-size:12px;color:var(--muted);margin:0}.review{text-align:left}.review .stars{color:#ffad00;font-size:12px;margin:6px 0}.review-user{display:flex;gap:10px;align-items:center}.avatar{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#1769ff,#7548ff);color:#fff;display:grid;place-items:center;font-weight:800}.app-section{background:linear-gradient(135deg,#eaf5ff,#f4f0ff);overflow:hidden}.phone{max-height:330px;display:block;margin:auto;filter:drop-shadow(0 20px 25px #09234b20)}.faq .accordion-item{border:0;border-bottom:1px solid #e6ebf2;border-radius:0!important}.faq .accordion-button{font-weight:700;padding:18px 0;box-shadow:none!important}.story{height:240px;border-radius:20px;background:url('../img/story.jpg') center/cover;display:grid;place-items:center;color:#fff;position:relative;overflow:hidden}.story:before{content:"";position:absolute;inset:0;background:#061e4666}.play{position:relative;width:64px;height:64px;border-radius:50%;background:#fff;color:var(--primary);display:grid;place-items:center;font-size:20px;box-shadow:0 10px 30px #0004}.footer{background:#061b3c;color:#b8c7db;padding:65px 0 20px}.footer .brand{color:#fff;margin-bottom:20px}.footer p{font-size:12px;line-height:1.8}.footer h6{color:#fff;font-weight:800;margin-bottom:18px}.footer a{display:block;color:#b8c7db;text-decoration:none;font-size:12px;margin:10px 0}.socials{display:flex;gap:8px}.socials a{width:32px;height:32px;border-radius:50%;background:#ffffff12;display:grid;place-items:center;color:#fff;margin:0}.newsletter{display:flex;background:#fff;border-radius:12px;padding:4px}.newsletter input{border:0;outline:0;padding:10px;min-width:0;flex:1}.newsletter button{border:0;border-radius:9px;background:var(--primary);color:#fff;padding:0 16px;font-weight:700}.footer-bottom{border-top:1px solid #ffffff12;margin-top:45px;padding-top:18px;display:flex;justify-content:space-between;font-size:10px}.mobile-bottom{display:none}.top-btn{position:fixed;right:22px;bottom:22px;width:45px;height:45px;border-radius:50%;background:var(--primary);color:#fff;display:grid;place-items:center;text-decoration:none;opacity:0;transform:translateY(20px);transition:.3s;z-index:900;box-shadow:0 10px 25px #1769ff44}.top-btn.show{opacity:1;transform:none}.reveal{opacity:0;transform:translateY(25px);transition:.7s}.reveal.visible{opacity:1;transform:none}.admin-body{background:#f5f7fb}.admin-sidebar{background:#071d3e;color:#fff;min-height:100vh}.admin-sidebar a{color:#bdcbe0;text-decoration:none;padding:12px 18px;display:flex;gap:10px}.admin-sidebar a:hover,.admin-sidebar a.active{background:#1769ff;color:#fff}.admin-top{background:#fff;border-bottom:1px solid #e8edf4;padding:15px 25px;position:sticky;top:0;z-index:20}.admin-card{background:#fff;border:1px solid #e7edf5;border-radius:16px;padding:20px;box-shadow:0 8px 25px #09234b08}.stat{padding:22px;border-radius:16px;color:#fff;min-height:125px}.stat i{font-size:26px}.table-card{background:#fff;border-radius:16px;padding:20px;border:1px solid #e7edf5}.table>:not(caption)>*>*{padding:13px}.login-wrap{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#e9f4ff,#f4f0ff)}.login-box{width:min(450px,92vw);background:#fff;border-radius:24px;padding:35px;box-shadow:0 25px 70px #09234b1b}.login-box .form-control{padding:13px;border-radius:12px}.install{min-height:100vh;background:linear-gradient(135deg,#eaf5ff,#f6f1ff);padding:50px 0}.install-box{max-width:760px;margin:auto;background:#fff;border-radius:25px;padding:35px;box-shadow:0 25px 70px #09234b18}.install-step{display:flex;gap:12px;align-items:center;margin-bottom:20px}.install-step b{width:35px;height:35px;border-radius:50%;background:#1769ff;color:#fff;display:grid;place-items:center}
@keyframes pulse{50%{opacity:.75}}@media(max-width:991px){.nav-actions{padding:15px 0}.nav-link{padding:10px!important}.nav-link:after{display:none}.hero{min-height:700px}.search-card{display:grid;grid-template-columns:1fr 1fr}.search-field{border:0}.search-card button{grid-column:1/-1;width:100%}.steps:before{display:none}}@media(max-width:767px){body{padding-bottom:68px}.hero-content{padding:65px 0}.hero h1{font-size:42px}.promo-grid{margin-top:-20px}.section{padding:55px 0}.section-head h2{font-size:28px}.steps{gap:25px}.banner{padding:30px;min-height:270px}.banner h2{font-size:28px}.footer-bottom{display:block}.footer-bottom span{display:block;margin:7px 0}.mobile-bottom{position:fixed;display:flex;left:0;right:0;bottom:0;height:66px;background:#fff;border-top:1px solid #e6ebf3;z-index:1100;justify-content:space-around}.mobile-bottom a{color:#65758d;text-decoration:none;text-align:center;font-size:10px;padding-top:9px}.mobile-bottom i{display:block;font-size:17px;margin-bottom:4px}.mobile-bottom a:hover{color:var(--primary)}.top-btn{bottom:82px;right:14px}.brand b{font-size:14px}.currency{display:none}}

.stat-bikes{background:#1769ff}.stat-users{background:#20a86b}.stat-bookings{background:#ff7418}.stat-pending{background:#7548ff}.account-bike-img{width:110px;height:80px;object-fit:contain;background:#f5f8fc;border-radius:12px}