:root{--primary: #14213d;--primary-dark: #0a0f1f;--gold: #f4b942;--cream: #f7f6f2;--text: #1c1c1e;--muted: #7a7f8a;--card: #ffffff;--radius: 16px;--shadow: 0 10px 30px rgba(20, 33, 61, .1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Segoe UI,Roboto,Arial,sans-serif;background:var(--cream);color:var(--text);min-height:100vh;overflow-x:hidden;-webkit-tap-highlight-color:transparent}button,input,select,textarea{font-family:inherit}button{-webkit-appearance:none;-moz-appearance:none;appearance:none}img{max-width:100%}svg{max-width:100%}.btn{background:var(--gold);color:#14213d;border:none;padding:14px 34px;border-radius:30px;font-size:16px;font-weight:700;cursor:pointer;box-shadow:0 8px 20px #f4b94266;transition:.2s}.btn:hover{transform:translateY(-2px);box-shadow:0 12px 26px #f4b94280}.btn:active{transform:translateY(0)}.btn:disabled{cursor:not-allowed;opacity:.65;transform:none}.btn.block{width:100%;margin-top:10px}.link{color:var(--primary);font-size:13px;text-decoration:none;font-weight:600;cursor:pointer}.error-text{background:#ffe3e3;color:#c92a2a;padding:8px 12px;border-radius:8px;font-size:13px;margin-bottom:14px}.photo-banner{position:relative;background-size:cover;background-position:center;overflow:hidden}.photo-banner:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0a0f1f8c,#0a0f1fd1);z-index:0}.photo-banner>*{position:relative;z-index:1}.photo-banner.light-overlay:before{background:linear-gradient(180deg,#0a0f1f59,#fdf6ecf0 92%)}.mini-banner{height:130px;display:flex;align-items:flex-end;padding:14px 20px}.mini-banner span{color:#fff;font-size:12.5px;font-weight:600;background:#0a0f1f73;padding:4px 10px;border-radius:20px;letter-spacing:.3px}.welcome{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;text-align:center;padding:30px;background:radial-gradient(circle at top,var(--primary) 0%,var(--primary-dark) 70%);color:#fff}.welcome .taj{font-size:60px;margin-bottom:10px}.welcome h1{font-size:32px;margin-bottom:8px;font-weight:800}.welcome p{color:#f2d9df;max-width:340px;margin-bottom:30px;line-height:1.5}.topbar{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;padding:18px 20px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 4px 14px #00000026;position:sticky;top:0;z-index:50}.topbar h1{font-size:20px;font-weight:700;letter-spacing:.5px}.topbar span{color:var(--gold);font-size:12px;display:block;font-weight:400;margin-top:2px}.icon-btn{background:#ffffff26;border:none;color:#fff;padding:8px 14px;border-radius:20px;font-size:13px;cursor:pointer;transition:.2s;flex-shrink:0}.icon-btn:hover{background:#ffffff4d}.center-wrap{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:20px}.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:32px 28px;width:100%;max-width:400px}.card h2{margin-bottom:6px;color:var(--primary-dark)}.card p.sub{color:var(--muted);font-size:13px;margin-bottom:22px}.field{margin-bottom:16px}.field label{display:block;font-size:13px;font-weight:600;margin-bottom:6px;color:var(--text)}.field input,.field select{width:100%;padding:12px 14px;border-radius:10px;border:1.5px solid #e8dfe2;font-size:16px;outline:none;transition:.2s;background:#fffdfb}.field input:focus,.field select:focus{border-color:var(--primary)}.switch-line{margin-top:16px;text-align:center;font-size:13px;color:var(--muted)}.otp-boxes{display:flex;gap:10px;justify-content:center;margin:20px 0}.otp-boxes input{width:48px;height:56px;text-align:center;font-size:22px;font-weight:700;border-radius:10px;border:1.5px solid #e8dfe2}.hint{background:#fff6e0;border:1px dashed var(--gold);padding:10px 12px;border-radius:10px;font-size:12px;color:#7a5c00;margin-bottom:14px}.hero{padding:26px 20px 20px;min-height:220px}.hero.photo-banner{display:flex;flex-direction:column;justify-content:center}.hero.photo-banner:before{background:linear-gradient(180deg,#0a0f1f59,#0a0f1f99)}.hero.photo-banner h2{color:#fff}.hero.photo-banner p{color:#e8e3da}.hero-inner{max-width:640px}.hero h2{font-size:22px;color:var(--primary-dark);margin-bottom:4px}.hero p{color:var(--muted);font-size:14px}.home-hero{min-height:260px;justify-content:flex-start;padding-top:34px}.deco-figure{position:absolute;bottom:10px;z-index:3;pointer-events:none;filter:drop-shadow(0 6px 10px rgba(0,0,0,.35));animation:figureFloat 4s ease-in-out infinite}.deco-figure:after{content:"";position:absolute;left:50%;bottom:-6px;transform:translate(-50%);width:65%;height:14px;background:radial-gradient(ellipse at center,rgba(0,0,0,.35),transparent 70%);border-radius:50%}.deco-figure img{display:block;height:130px;width:auto}.deco-left{left:6px}.deco-right{right:6px;animation-delay:.4s}.flip-img{transform:scaleX(-1)}@keyframes figureFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.arch-border{display:block;width:100%;height:18px;fill:var(--gold);opacity:.9}.arch-border.flip{transform:rotate(180deg);margin-top:6px}.feature-strip-wrap{overflow:hidden;background:linear-gradient(90deg,var(--primary-dark),var(--primary));padding:12px 0}.feature-strip{display:flex;gap:14px;width:max-content;animation:marquee 20s linear infinite}.feature-strip-wrap:hover .feature-strip{animation-play-state:paused}.feature-chip{display:flex;align-items:center;gap:8px;background:#ffffff14;border:1px solid rgba(244,185,66,.4);color:#fff;padding:8px 16px;border-radius:20px;font-size:12.5px;font-weight:600;white-space:nowrap}.feature-icon{font-size:15px}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.cats{padding:24px 20px 48px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;width:min(100%,1040px);max-width:1040px;margin:0 auto}.cat-card{background:var(--card);border-radius:22px;box-shadow:var(--shadow);display:grid;grid-template-columns:minmax(145px,.95fr) minmax(0,1fr);align-items:center;padding:22px 24px;cursor:pointer;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease;border:2px solid transparent;position:relative;overflow:hidden;min-height:205px;isolation:isolate;opacity:0;animation:catIn .5s ease forwards}.cat-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#fffffffa,#fffcf4fa);z-index:-2}.cat-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at top right,rgba(244,185,66,.16),transparent 52%);pointer-events:none;z-index:-1}.cat-card:hover{transform:translateY(-5px);border-color:#f4b942bf;box-shadow:0 16px 34px #14213d24,0 0 0 4px #f4b94214}.cat-card:active{transform:translateY(-1px) scale(.99)}.cat-card .car-icon{width:100%;min-width:0;height:122px;flex-shrink:0;display:flex;align-items:center;justify-content:center;overflow:visible;color:var(--primary);position:relative;z-index:2;transition:transform .3s ease}.cat-card .car-icon svg{display:block;width:104px;height:104px;max-width:92%;max-height:92%;overflow:visible;color:var(--primary);fill:currentColor!important;stroke:none!important;vector-effect:none}.cat-card .car-icon svg path,.cat-card .car-icon svg g,.cat-card .car-icon svg rect,.cat-card .car-icon svg circle,.cat-card .car-icon svg ellipse,.cat-card .car-icon svg polygon,.cat-card .car-icon svg polyline{fill:currentColor!important;stroke:none!important}.cat-card .car-icon .vehicle-icon-shell{color:var(--primary)}.cat-card .car-icon .vehicle-icon-badge{white-space:nowrap;z-index:5}.cat-card:hover .car-icon{transform:translate(3px) scale(1.035);transition:transform .3s ease}.cat-card:hover .car-icon svg{filter:drop-shadow(0 5px 5px rgba(20,33,61,.12)) drop-shadow(0 0 3px rgba(244,185,66,.18))}.cat-card .cat-info{margin-left:18px;min-width:0;width:100%;position:relative;z-index:3;padding-right:28px;overflow:hidden}.cat-card .cat-info h3{font-size:20px;color:var(--primary-dark);margin-bottom:7px;font-weight:800;line-height:1.12;overflow-wrap:anywhere}.cat-card .cat-info span{font-size:13.5px;color:var(--muted);line-height:1.45;display:block;overflow-wrap:anywhere}.cat-card .arrow{margin:0;font-size:28px;line-height:1;color:var(--gold);position:absolute;right:18px;top:50%;transform:translateY(-50%);z-index:4;transition:transform .25s ease,color .25s ease}.cat-card:hover .arrow{transform:translate(5px,-50%);color:#e39f18}.cat-dot{position:absolute;top:12px;right:14px;width:10px;height:10px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 5px #f4b9422b,0 0 16px #f4b94259;z-index:4}.cat-card:hover .cat-dot{animation:dotPulse 1s ease-in-out infinite}@keyframes dotPulse{0%,to{transform:scale(1)}50%{transform:scale(1.25)}}@keyframes catIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.form-wrap{max-width:560px;margin:0 auto;padding:24px 18px 60px}.section-box{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px;margin-bottom:16px}.section-box h4{font-size:14px;color:var(--primary);margin-bottom:14px;text-transform:uppercase;letter-spacing:.5px}.row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.trip-toggle{display:flex;gap:10px;margin-bottom:14px}.trip-toggle label{flex:1;text-align:center;padding:12px;border-radius:10px;border:1.5px solid #e8dfe2;cursor:pointer;font-size:13px;font-weight:600;color:var(--muted);transition:.2s}.trip-toggle label.active-toggle{background:var(--primary);border-color:var(--primary);color:#fff}.trip-toggle input{display:none}.age-row{display:flex;gap:8px;align-items:center;margin-bottom:8px}.age-row span{font-size:13px;width:80px;flex-shrink:0;color:var(--muted)}.age-row input{flex:1}.confirm-wrap{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:20px;text-align:center}.confirm-wrap .tick{font-size:60px;color:#2f9e44;margin-bottom:10px}.admin-wrap{max-width:1100px;margin:0 auto;padding:20px}.admin-stats{display:flex;gap:14px;margin-bottom:20px;flex-wrap:wrap}.stat-box{background:var(--card);border-radius:12px;box-shadow:var(--shadow);padding:16px 22px}.stat-box b{font-size:22px;color:var(--primary)}.stat-box div{font-size:12px;color:var(--muted)}table{width:100%;border-collapse:collapse;background:var(--card);border-radius:12px;overflow:hidden;box-shadow:var(--shadow)}th,td{padding:10px 12px;font-size:12.5px;text-align:left;border-bottom:1px solid #f1e7ea;white-space:nowrap}th{background:var(--primary);color:#fff;position:sticky;top:0}tr:hover{background:#fff8f4}.del-btn{background:#e03131;color:#fff;border:none;padding:5px 10px;border-radius:6px;cursor:pointer;font-size:11px}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.footer-note{text-align:center;padding:20px;font-size:11px;color:var(--muted);cursor:default}@media (max-width: 599px){.cats{grid-template-columns:1fr;width:100%;max-width:600px;gap:16px;padding:18px 14px 36px}.cat-card{grid-template-columns:120px minmax(0,1fr);min-height:145px;padding:16px}.cat-card .car-icon{height:90px}.cat-card .car-icon svg{width:82px;height:82px}.cat-card .cat-info{margin-left:12px;padding-right:24px}.cat-card .cat-info h3{font-size:17px}.cat-card .cat-info span{font-size:12px}.cat-card .arrow{right:12px;font-size:24px}}@media (max-width: 400px){.welcome h1{font-size:26px}.card{padding:24px 18px}.otp-boxes{gap:7px}.otp-boxes input{width:42px;height:50px;font-size:18px}.topbar h1{font-size:17px}.cat-card{min-height:130px;padding:14px}.cat-card .car-icon{width:100%;min-width:0;height:78px}.cat-card .car-icon svg{width:72px;height:72px}.cat-card .cat-info{margin-left:8px;padding-right:22px}.cat-card .cat-info h3{font-size:15px}.cat-card .cat-info span{font-size:11px}.cat-card .arrow{font-size:22px}.row2{grid-template-columns:1fr}.home-hero{min-height:210px;padding-top:24px}.deco-figure img{height:80px}.feature-chip{font-size:11px;padding:6px 12px}}@media (max-width: 340px){.deco-figure{display:none}.cat-card{grid-template-columns:96px minmax(0,1fr)}.cat-card .car-icon{width:100%;min-width:0}.cat-card{padding-left:10px;padding-right:10px}}@media (min-width: 600px){.cats{padding:24px 30px 50px;grid-template-columns:repeat(2,minmax(0,1fr))}.form-wrap{padding:30px 24px 60px}.cat-card{min-height:190px}.cat-card .car-icon{width:100%;min-width:0;height:105px}.cat-card .car-icon svg{width:96px;height:96px}}@media (min-width: 900px){.cats{max-width:1040px}.form-wrap{max-width:720px}.cat-card{min-height:205px;padding:20px 22px}.cat-card .car-icon{width:100%;min-width:0;height:115px}.cat-card .car-icon svg{width:108px;height:108px}.cat-card .cat-info h3{font-size:20px}.cat-card .cat-info span{font-size:14px}.home-hero{min-height:320px;padding-top:42px}.deco-figure img{height:170px}}@media (min-width: 1200px){.admin-wrap{max-width:1300px}.cats{max-width:1100px}.cat-card{min-height:215px}.cat-card .car-icon svg{width:116px;height:116px}}@media (max-height: 500px) and (orientation: landscape){.welcome{padding:16px}.welcome .taj{font-size:36px;margin-bottom:4px}.welcome h1{font-size:22px}.welcome p{margin-bottom:14px}.center-wrap{min-height:auto;padding:30px 20px}.home-hero{min-height:190px;padding-top:18px}.deco-figure img{height:70px}.cat-card{min-height:120px}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.car-icon{overflow:visible!important}.car-icon svg{overflow:visible!important;background:transparent!important;fill:currentColor!important;stroke:none!important}.car-icon svg path,.car-icon svg g,.car-icon svg rect,.car-icon svg line,.car-icon svg polyline,.car-icon svg polygon,.car-icon svg circle,.car-icon svg ellipse{fill:currentColor!important;stroke:none!important}.car-icon .vehicle-icon-shell{overflow:visible}.car-icon .vehicle-icon-badge{pointer-events:none}.vehicle-icon-shell{isolation:isolate;-webkit-user-select:none;user-select:none}.vehicle-icon-shell svg{transform-origin:center;transition:transform .28s ease,filter .28s ease}.cat-card:hover .vehicle-icon-shell svg{transform:scale(1.04)}.cat-card:active .vehicle-icon-shell svg{transform:scale(.98)}.vehicle-hatchback svg{color:#14213d}.vehicle-sedan svg{color:#172943}.vehicle-suv svg{color:#152a47}.vehicle-tuktuk svg{color:#1a304d}.vehicle-traveller svg{color:#172d49}.vehicle-minibus svg{color:#132943}.vehicle-innova svg{color:#142b48}.vehicle-luxury svg{color:#101f39}.vehicle-icon-badge{font-family:Segoe UI,Roboto,Arial,sans-serif;letter-spacing:.3px;box-sizing:border-box}.vehicle-icon-badge::selection{background:transparent}.cat-card:focus-visible{outline:3px solid rgba(244,185,66,.55);outline-offset:4px}.cat-card[role=button]{-webkit-user-select:none;user-select:none}.cats,.cat-card,.cat-card .car-icon,.cat-card .cat-info{min-width:0;max-width:100%}@media (min-width: 900px){.cats{padding-left:28px;padding-right:28px;column-gap:24px;row-gap:24px}.cat-card .cat-info{margin-left:16px}}@media (min-width: 1400px){.cats{max-width:1120px;column-gap:26px;row-gap:26px}.cat-card{padding-left:26px;padding-right:26px}}@media (max-width: 599px){.vehicle-icon-shell svg{max-width:86%;max-height:86%}.vehicle-icon-badge{min-width:24px!important;height:18px!important;padding-left:6px!important;padding-right:6px!important;font-size:8px!important}}@media (max-width: 340px){.cat-card .cat-info{padding-right:18px}.cat-card .cat-info h3{font-size:14px}.cat-card .cat-info span{font-size:10.5px}.cat-card .arrow{right:8px;font-size:20px}}.cat-card .vehicle-icon-shell{min-width:0;min-height:0}.cat-card .vehicle-icon-shell>svg{flex:0 0 auto}.cat-card .cat-info h3,.cat-card .cat-info span{max-width:100%}.cat-card .cat-info h3{word-break:normal;-webkit-hyphens:auto;hyphens:auto}.cat-card .cat-info span{word-break:normal}.cat-card .vehicle-icon-shell svg{filter:drop-shadow(0 4px 4px rgba(20,33,61,.08))}.cat-card:hover .vehicle-icon-shell svg{filter:drop-shadow(0 7px 7px rgba(20,33,61,.13)) drop-shadow(0 0 4px rgba(244,185,66,.16))}.cat-card:hover .vehicle-icon-badge{box-shadow:0 5px 12px #14213d26,0 0 0 3px #f4b94214}@media (min-width: 600px){.cat-card{min-height:195px}}@media (min-width: 900px){.cat-card{min-height:205px}}@media (max-width: 599px){.cats{overflow:visible}.cat-card{width:100%;max-width:100%}}.cat-card:nth-child(1){animation-delay:.02s}.cat-card:nth-child(2){animation-delay:.06s}.cat-card:nth-child(3){animation-delay:.1s}.cat-card:nth-child(4){animation-delay:.14s}.cat-card:nth-child(5){animation-delay:.18s}.cat-card:nth-child(6){animation-delay:.22s}.cat-card:nth-child(7){animation-delay:.26s}.cat-card:nth-child(8){animation-delay:.3s}.cat-card{font-family:Segoe UI,Roboto,Arial,sans-serif}.cat-card .cat-info h3{letter-spacing:-.25px}.cat-card .cat-info span{letter-spacing:0}.cat-card:before{background:linear-gradient(135deg,#fffffffc,#fffdf7fa 58%,#fff9eaf5)}.cat-card:after{background:radial-gradient(circle at 90% 8%,rgba(244,185,66,.18),transparent 30%),radial-gradient(circle at 5% 95%,rgba(20,33,61,.035),transparent 34%)}.cat-card{border-color:#14213d09}.cat-card:hover{border-color:#f4b942b8}.cat-card .arrow{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#f4b94224}.cat-dot{pointer-events:none}.cat-card .car-icon{overflow:visible!important}.cat-card .car-icon svg,.vehicle-icon-shell svg{background:transparent!important}.vehicle-icon-shell svg path{fill:currentColor!important}
