:root{--bg: hsl(190, 16%, 95%);--surface: hsl(186, 14%, 98%);--surface-strong: hsl(190, 14%, 90%);--ink: hsl(218, 18%, 13%);--muted: hsl(218, 10%, 34%);--soft: hsl(218, 10%, 54%);--line: hsl(190, 10%, 78%);--brand: hsl(174, 27%, 29%);--brand-dark: hsl(174, 31%, 22%);--accent: hsl(22, 38%, 48%);--accent-soft: hsl(22, 38%, 90%);--success: hsl(137, 26%, 34%);--danger: hsl(358, 37%, 44%);--ease: cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select{font:inherit}a{color:inherit;text-decoration:none}img{display:block}.app-shell{width:min(1440px,100%);margin:0 auto;padding:12px}.topbar{position:sticky;top:12px;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;padding:10px 12px;border:1px solid hsla(190,10%,78%,.78);border-radius:12px;background:#f9fafbdb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 10px 24px #1b202714}.brand,.nav-links,.hero-actions,.hero-metrics,.section-heading,.total-row,.support-band{display:flex;align-items:center}.brand{gap:10px;font-size:15px;font-weight:800}.brand-button{padding:0;border:0;background:transparent;color:inherit;cursor:pointer}.brand-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:6px;background:var(--brand);overflow:hidden}.brand-icon img{width:32px;height:32px}.nav-links{gap:6px}.nav-links button{padding:8px 10px;border:0;border-radius:6px;background:transparent;color:var(--muted);font-size:12px;font-weight:800;cursor:pointer;transition:background .18s var(--ease),color .18s var(--ease)}.nav-links button:hover,.nav-links button.active{background:var(--surface-strong);color:var(--ink)}.hero{position:relative;display:grid;grid-template-columns:minmax(0,.76fr) minmax(400px,1.24fr);gap:24px;min-height:clamp(448px,61vh,608px);margin-top:12px;overflow:hidden;border-radius:20px;background:#223034}.hero-copy{z-index:1;display:flex;flex-direction:column;justify-content:center;gap:18px;padding:clamp(26px,4vw,52px);color:#f3f6f7}.eyebrow{margin:0 0 8px;color:var(--accent);font-size:10px;font-weight:800;letter-spacing:0;text-transform:uppercase}.hero .eyebrow{color:#dabc95}h1,h2,p{margin-top:0}h1{max-width:680px;margin-bottom:0;font-size:clamp(38px,5.8vw,77px);line-height:.9;letter-spacing:0}h2{margin-bottom:0;font-size:clamp(19px,2.4vw,29px);line-height:1.06;letter-spacing:0}.hero-copy p:not(.eyebrow){max-width:520px;margin-bottom:0;color:#d7dee0;font-size:14px;line-height:1.6}.hero-actions{gap:10px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 16px;border:1px solid transparent;border-radius:6px;font-weight:800;cursor:pointer;transition:transform .18s var(--ease),background .18s var(--ease),border-color .18s var(--ease),color .18s var(--ease)}.button:hover{transform:translateY(-1px)}.button:active{transform:scale(.98)}.button:disabled{cursor:not-allowed;opacity:.64}.button.primary{background:var(--accent);color:#f3f6f7}.button.primary:hover{background:#985f3e}.button.secondary{border-color:#f3f6f757;background:#f3f6f71a;color:inherit}.button.secondary.dark{border-color:var(--line);color:var(--ink)}.wide{width:100%}.hero-image{width:100%;height:100%;object-fit:cover}.hero-metrics{position:absolute;right:20px;bottom:20px;left:20px;z-index:2;justify-content:flex-end;gap:10px}.hero-metrics div{width:134px;padding:12px;border:1px solid hsla(190,18%,90%,.24);border-radius:10px;background:#182225b3;color:#edf2f2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.hero-metrics strong,.hero-metrics span{display:block}.hero-metrics strong{font-size:22px}.hero-metrics span{color:#bcc6c8;font-size:11px}.filters{display:grid;grid-template-columns:minmax(220px,1fr) 220px 220px;gap:12px;margin:18px 0;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.global-notice{margin:-6px 0 18px;padding:10px 12px;border:1px solid hsl(22,38%,78%);border-radius:6px;background:var(--accent-soft);color:#6a452f;font-size:12px;font-weight:800}.page-heading{display:grid;gap:10px;margin-top:12px;padding:26px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.page-heading h1{max-width:860px;font-size:clamp(35px,5.6vw,64px)}.page-heading p:not(.eyebrow){max-width:640px;margin-bottom:0;color:var(--muted);font-size:14px;line-height:1.6}.field{display:grid;gap:6px}.field span{color:var(--muted);font-size:10px;font-weight:800}input,select{width:100%;min-height:38px;padding:0 10px;border:1px solid var(--line);border-radius:6px;background:#f3f6f6;color:var(--ink);outline:none;transition:border-color .18s var(--ease),background .18s var(--ease),box-shadow .18s var(--ease)}input:focus,select:focus{border-color:var(--brand);background:var(--surface);box-shadow:0 0 0 3px #365e5a24}.main-grid{display:grid;grid-template-columns:minmax(0,1fr) 392px;gap:20px;align-items:start}.landing-preview{margin-top:18px;padding:16px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.fleet-section,.booking-card,.support-band{border:1px solid var(--line);border-radius:12px;background:var(--surface)}.fleet-section{padding:16px}.section-heading{justify-content:space-between;gap:12px;margin-bottom:16px}.section-heading h2{font-size:26px}.count-badge{flex:0 0 auto;padding:6px 10px;border-radius:6px;background:var(--surface-strong);color:var(--muted);font-size:11px;font-weight:800}.fleet-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.fleet-grid.compact{grid-template-columns:repeat(3,minmax(0,1fr))}.car-card{display:grid;gap:10px;padding:10px;border:1px solid var(--line);border-radius:10px;background:#f6f8f8;color:var(--ink);text-align:left;cursor:pointer;transition:transform .18s var(--ease),border-color .18s var(--ease),background .18s var(--ease)}.car-card:hover,.car-card.selected{transform:translateY(-2px);border-color:#365e5a94;background:#fcfdfd}.car-card img{width:100%;aspect-ratio:16 / 10;object-fit:cover;border-radius:3px;background:var(--surface-strong)}.card-topline,.card-meta{color:var(--muted);font-size:11px}.card-topline{font-weight:800}.card-title{font-size:16px;font-weight:850;line-height:1.15}.car-card strong{color:var(--brand-dark)}.card-action{width:max-content;padding:6px 10px;border-radius:6px;background:var(--brand);color:#f3f6f7;font-size:11px;font-weight:800}.empty-state{padding:24px;border:1px dashed var(--line);border-radius:10px;color:var(--muted);text-align:center}.booking-card{position:sticky;top:76px;padding:10px}.back-button{min-height:32px;margin:18px 0 10px;padding:0 10px;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--muted);font-weight:800;cursor:pointer;transition:background .18s var(--ease),color .18s var(--ease),transform .18s var(--ease)}.back-button:hover{transform:translateY(-1px);background:var(--surface-strong);color:var(--ink)}.detail-hero{display:grid;grid-template-columns:minmax(0,.84fr) minmax(360px,1.16fr);gap:20px;overflow:hidden;border:1px solid var(--line);border-radius:20px;background:#223034}.detail-copy{display:flex;flex-direction:column;justify-content:center;gap:16px;padding:clamp(26px,4vw,52px);color:#f3f6f7}.detail-copy .eyebrow{color:#dabc95}.detail-copy h1{font-size:clamp(35px,5.6vw,70px)}.detail-copy p{max-width:520px;margin-bottom:0;color:#d7dee0;font-size:14px;line-height:1.6}.detail-copy strong{font-size:22px}.detail-hero img{width:100%;height:100%;min-height:352px;object-fit:cover}.detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:20px;align-items:start;margin-top:18px}.detail-panel{padding:16px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.spec-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.spec-item{min-height:70px;padding:12px;border:1px solid var(--line);border-radius:6px;background:#f3f6f6}.spec-item span,.spec-item strong{display:block}.spec-item span{margin-bottom:6px;color:var(--muted);font-size:10px;font-weight:800}.spec-item strong{font-size:14px}.selected-car{display:grid;gap:10px;padding:10px;border-radius:6px;background:var(--surface-strong)}.selected-car img{width:100%;aspect-ratio:16 / 9;object-fit:cover;border-radius:4px;background:#d8dedf}.selected-car h2{font-size:19px}.selected-car p:last-child{margin-bottom:0;color:var(--muted)}form{display:grid;gap:10px;padding:12px 4px 4px}form h2{font-size:19px}.payment-fields{display:grid;gap:10px;margin:4px 0 0;padding:10px;border:1px solid var(--line);border-radius:10px}.payment-fields legend{padding:0 6px;color:var(--muted);font-size:10px;font-weight:800}.date-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.total-row{justify-content:space-between;gap:12px;min-height:44px;padding:10px 0;border-top:1px solid var(--line);color:var(--muted);font-weight:800}.total-row strong{color:var(--ink);font-size:22px}.notice{min-height:16px;margin:0;color:var(--muted);font-size:12px;line-height:1.4}.notice.success{color:var(--success)}.notice.error,.notice.warning{color:var(--danger)}.support-band{justify-content:space-between;gap:20px;margin-top:18px;padding:26px}.support-band h2{max-width:720px}@media (max-width: 980px){.hero,.main-grid,.detail-hero,.detail-grid{grid-template-columns:1fr}.fleet-grid.compact{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.hero-image,.detail-hero img{min-height:256px;order:-1}.hero-copy{padding:26px}.hero-metrics{position:static;justify-content:stretch;padding:0 20px 20px}.hero-metrics div{width:100%}.filters{grid-template-columns:1fr}.booking-card{position:static}}@media (max-width: 640px){.app-shell{padding:6px}.topbar{top:6px;align-items:flex-start;flex-direction:column}.nav-links{width:100%;justify-content:space-between}.nav-links a{padding:6px}.hero{min-height:auto;border-radius:12px}.hero-copy,.detail-copy,.page-heading{padding:20px}.hero-metrics,.support-band,.section-heading{flex-direction:column;align-items:stretch}.date-grid{grid-template-columns:1fr}}.auth-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:12px;background:#111318b8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fadeIn .3s cubic-bezier(.4,0,.2,1) both}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.auth-modal{width:100%;max-width:336px;padding:28px 26px 22px;border:1px solid hsla(190,10%,78%,.2);border-radius:12px;background:var(--surface);box-shadow:0 26px 52px #11131847,0 2px 6px #1113181f;animation:slideUp .36s cubic-bezier(.4,0,.2,1) both}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.auth-brand{display:flex;align-items:center;gap:8px;margin-bottom:22px}.auth-brand-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:8px;background:var(--brand);flex-shrink:0}.auth-brand-name{font-size:14px;font-weight:800;color:var(--ink)}.auth-heading{margin-bottom:18px}.auth-heading h1{font-size:19px;font-weight:800;line-height:1.2;margin-bottom:4px;color:var(--ink)}.auth-heading p{font-size:12px;color:var(--muted);margin:0}.auth-tabs{display:flex;gap:3px;padding:3px;border-radius:8px;background:var(--surface-strong);margin-bottom:18px}.auth-tab{flex:1;padding:6px 10px;border:0;border-radius:6px;background:transparent;color:var(--muted);font-size:11px;font-weight:700;cursor:pointer;transition:background .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1)}.auth-tab.active{background:var(--surface);color:var(--ink);box-shadow:0 1px 4px #1b20271a}.auth-tab:hover:not(.active){color:var(--ink)}.auth-form{display:flex;flex-direction:column;gap:12px}.auth-field{display:flex;flex-direction:column;gap:5px}.auth-field label{font-size:11px;font-weight:700;color:var(--ink)}.auth-field input{padding:8px 10px;border:1.5px solid var(--line);border-radius:6px;background:var(--bg);color:var(--ink);font-size:12px;transition:border-color .18s cubic-bezier(.4,0,.2,1),box-shadow .18s cubic-bezier(.4,0,.2,1);outline:none}.auth-field input:focus{border-color:var(--brand);box-shadow:0 0 0 2px #365e5a24}.auth-field input::placeholder{color:var(--soft)}.auth-error{margin:0;padding:8px 10px;border-radius:6px;background:#9a47491a;border:1px solid hsla(358,37%,44%,.22);color:var(--danger);font-size:11px;font-weight:600}.auth-submit{margin-top:4px;padding:10px;border:0;border-radius:8px;background:var(--brand);color:#f3f6f7;font-size:12px;font-weight:800;cursor:pointer;transition:background .18s cubic-bezier(.4,0,.2,1),transform .12s cubic-bezier(.4,0,.2,1)}.auth-submit:hover:not(:disabled){background:var(--brand-dark);transform:scale(1.01)}.auth-submit:active:not(:disabled){transform:scale(.98)}.auth-submit:disabled{opacity:.6;cursor:not-allowed}.auth-footer-note{margin:16px 0 0;font-size:12px;color:var(--soft);text-align:center}.auth-link{color:var(--brand);font-weight:600;cursor:pointer;text-decoration:underline;text-underline-offset:2px}.user-menu-wrap{position:relative;flex-shrink:0}.user-avatar-btn{display:flex;align-items:center;gap:6px;padding:5px 8px 5px 5px;border:1.5px solid var(--line);border-radius:8px;background:transparent;color:var(--ink);font-size:11px;font-weight:700;cursor:pointer;transition:background .18s cubic-bezier(.4,0,.2,1),border-color .18s cubic-bezier(.4,0,.2,1)}.user-avatar-btn:hover{background:var(--surface-strong);border-color:transparent}.user-avatar{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--brand);color:#f3f6f7;font-size:10px;font-weight:800;flex-shrink:0}.user-avatar.large{width:29px;height:29px;font-size:12px}.user-name{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chevron-icon{color:var(--muted);transition:transform .22s cubic-bezier(.4,0,.2,1);flex-shrink:0}.chevron-icon.open{transform:rotate(180deg)}.user-dropdown{position:absolute;top:calc(100% + 6px);right:0;min-width:176px;border:1px solid hsla(190,10%,78%,.6);border-radius:10px;background:var(--surface);box-shadow:0 6px 18px #1b20271f;overflow:hidden;animation:dropdownIn .2s cubic-bezier(.4,0,.2,1) both;z-index:50}@keyframes dropdownIn{0%{opacity:0;transform:translateY(-6px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.user-dropdown-header{display:flex;align-items:center;gap:10px;padding:12px}.dropdown-name{margin:0;font-size:11px;font-weight:700;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}.dropdown-email{margin:2px 0 0;font-size:10px;color:var(--soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}.user-dropdown-divider{height:1px;background:var(--line);margin:0 10px}.user-dropdown-item{display:flex;align-items:center;gap:8px;width:100%;padding:10px 12px;border:0;background:transparent;color:var(--muted);font-size:11px;font-weight:600;cursor:pointer;transition:background .15s cubic-bezier(.4,0,.2,1),color .15s cubic-bezier(.4,0,.2,1);text-align:left}.user-dropdown-item:hover{background:var(--surface-strong);color:var(--danger)}.pagination{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:24px;flex-wrap:wrap}.pagination-pages{display:flex;align-items:center;gap:3px}.pagination-btn{display:grid;place-items:center;width:30px;height:30px;border:1.5px solid var(--line);border-radius:6px;background:var(--surface);color:var(--muted);cursor:pointer;transition:background .16s cubic-bezier(.4,0,.2,1),color .16s cubic-bezier(.4,0,.2,1),border-color .16s cubic-bezier(.4,0,.2,1),transform .12s cubic-bezier(.4,0,.2,1)}.pagination-btn:hover:not(:disabled){background:var(--surface-strong);color:var(--ink);border-color:transparent;transform:scale(1.04)}.pagination-btn:active:not(:disabled){transform:scale(.96)}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-page{min-width:30px;height:30px;padding:0 3px;border:1.5px solid transparent;border-radius:6px;background:transparent;color:var(--muted);font-size:11px;font-weight:700;cursor:pointer;transition:background .16s cubic-bezier(.4,0,.2,1),color .16s cubic-bezier(.4,0,.2,1),border-color .16s cubic-bezier(.4,0,.2,1),transform .12s cubic-bezier(.4,0,.2,1)}.pagination-page:hover:not(.active){background:var(--surface-strong);color:var(--ink);transform:scale(1.04)}.pagination-page:active{transform:scale(.96)}.pagination-page.active{background:var(--brand);color:#f3f6f7;border-color:transparent}.pagination-ellipsis{min-width:30px;height:30px;display:grid;place-items:center;color:var(--soft);font-size:11px;-webkit-user-select:none;user-select:none}.pagination-info{font-size:10px;color:var(--soft);font-weight:600;margin-left:3px;white-space:nowrap}.card-input-wrap{position:relative;display:flex;align-items:center}.card-input-wrap input{padding-right:56px}.card-network-icon{position:absolute;right:10px;top:50%;transform:translateY(-50%);pointer-events:none;display:flex;align-items:center}.field--error input,.field--error select{border-color:var(--danger);box-shadow:0 0 0 3px #9a47491f}.field--valid input{border-color:var(--success);box-shadow:0 0 0 3px #367d591a}.field-error{display:block;font-size:12px;font-weight:600;color:var(--danger);margin-top:2px}.field-hint{display:block;font-size:12px;font-weight:600;margin-top:2px;color:var(--muted)}.field-hint.mock-trigger{margin-top:4px;color:var(--soft);cursor:pointer;-webkit-user-select:none;user-select:none}.field-hint.mock-trigger:hover,.field-hint.mock-trigger:focus-visible{color:var(--ink)}.field-hint.valid{color:var(--success)}.verify-pending{text-align:center;padding:6px 0 18px}.verify-icon{display:block;font-size:38px;margin-bottom:12px}.verify-pending h1{font-size:18px;font-weight:800;color:var(--ink);margin-bottom:10px}.verify-pending p{font-size:12px;color:var(--muted);line-height:1.7;margin-bottom:8px}.verify-note{font-size:11px!important;color:var(--soft)!important}.inline-btn{background:none;border:none;padding:0;cursor:pointer;font-size:inherit;font-family:inherit}