:root{color-scheme:dark;--bg:#05070a;--panel:#0d1420;--panel-2:#111c2b;--line:#263b55;--text:#f7f9fc;--muted:#a7b3c5;--red:#ff1746;--red-2:#c81335;--green:#00dc86;--cyan:#39c9ff;--yellow:#ffd347;--radius:20px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{margin:0;overflow-x:hidden;background:radial-gradient(circle at 75% 0,#17263b 0,transparent 32rem),var(--bg);color:var(--text);font-size:16px;line-height:1.5}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}a{color:inherit}.skip{position:fixed;top:-5rem;left:1rem;z-index:100;background:#fff;color:#000;padding:.8rem 1rem;border-radius:.6rem}.skip:focus{top:1rem}
.topbar{position:sticky;top:0;z-index:30;display:flex;justify-content:space-between;align-items:center;gap:2rem;padding:14px clamp(18px,5vw,72px);background:rgba(5,7,10,.9);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.09)}.brand{display:flex;align-items:center;gap:11px;text-decoration:none}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:linear-gradient(145deg,var(--red),var(--red-2));font-size:24px;font-weight:1000;box-shadow:0 8px 28px #ff174644}.brand b,.brand small{display:block;letter-spacing:.08em}.brand b{font-size:20px}.brand small{font-size:10px;color:var(--muted)}nav{display:flex;align-items:center;gap:18px}nav>a{text-decoration:none;color:#d7e0ec;font-weight:750}.account-button,.icon-button{border:0;cursor:pointer}.account-button{padding:10px 15px;border-radius:999px;background:#1b2a3e;color:#fff;border:1px solid #3a536f;font-weight:850}.icon-button{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#1a2738;color:#fff;font-size:26px}
main{width:min(1180px,calc(100% - 28px));margin:auto}.hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:32px;align-items:center;padding:clamp(44px,7vw,88px) 0 34px}.eyebrow{margin:0 0 9px;color:#66f7bd;font-weight:950;font-size:12px;letter-spacing:.18em}.hero h1{font-size:clamp(34px,6vw,66px);line-height:1.02;margin:0;letter-spacing:-.045em}.hero h1 span{color:var(--red)}.hero>div>p:last-child{max-width:720px;color:#bcc7d7;font-size:18px}.server-status{display:flex;gap:14px;align-items:center;padding:20px;border:1px solid #3c4c62;border-radius:18px;background:linear-gradient(145deg,#101a27,#0b111b)}.server-status b,.server-status small{display:block}.server-status small{color:var(--muted);margin-top:4px}.status-dot{width:13px;height:13px;border-radius:50%;background:var(--yellow);box-shadow:0 0 20px var(--yellow);flex:none}.server-status.online{border-color:#04794d;background:linear-gradient(145deg,#063c2d,#0b1718)}.server-status.online .status-dot{background:var(--green);box-shadow:0 0 20px var(--green)}.server-status.offline{border-color:#8c2440}.server-status.offline .status-dot{background:var(--red);box-shadow:0 0 20px var(--red)}
.account-panel,.booking-step{margin:0 0 18px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(145deg,rgba(17,28,43,.96),rgba(8,13,21,.98));box-shadow:0 18px 54px #0005;overflow:hidden}.account-panel{padding:clamp(18px,3vw,32px);border-color:#506986}.section-heading{display:flex;justify-content:space-between;align-items:start;gap:20px}.section-heading h2{margin:0;font-size:clamp(25px,4vw,38px)}.auth-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:18px;margin-top:22px}.surface{padding:22px;border:1px solid #2d4058;border-radius:16px;background:#0c1521}.surface h3{margin-top:0}.session-card{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:20px;padding:18px;border:1px solid #078b59;border-radius:15px;background:#06402e}.session-card>div{display:grid;grid-template-columns:auto 1fr;gap:2px 10px}.session-card small{grid-column:2;color:#c6f9e3}.ok-icon{grid-row:1/3;display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:var(--green);color:#04150e;font-weight:1000}
.booking-shell{padding-bottom:50px}.booking-step>header{display:flex;gap:15px;align-items:center;padding:20px clamp(17px,3vw,30px);border-bottom:1px solid #223348}.booking-step>header>span{color:#5bf5b6;font-size:19px;font-weight:1000}.booking-step>header p{margin:0;color:#ff6685;font-size:11px;font-weight:950;letter-spacing:.14em}.booking-step>header h2{margin:1px 0 0;font-size:clamp(19px,3vw,27px)}.step-body{padding:clamp(18px,3vw,30px)}
label{display:grid;gap:7px;color:#edf2fa;font-weight:780;font-size:14px}input,select,textarea{width:100%;min-height:49px;padding:11px 13px;border:1px solid #435773;border-radius:12px;background:#0b1420;color:#fff;outline:none}textarea{resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px #00dc8622}input:user-invalid,select:user-invalid,textarea:user-invalid{border-color:#dd3155}label small,.fine-print{color:var(--muted);font-weight:500}.two-col,.date-grid,.location-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.choice-row,.profile-switch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:18px}.choice-row label,.profile-switch label,.insurance-grid label,.payment-grid label{position:relative;display:block;cursor:pointer}.choice-row input,.profile-switch input,.insurance-grid input,.payment-grid input{position:absolute;opacity:0;pointer-events:none}.choice-row label>span,.profile-switch label>span,.insurance-grid label>span,.payment-grid label>span,.choice-row label:not(:has(span)){display:block;padding:15px;border:1px solid #3a4b62;border-radius:14px;background:#101a28}.choice-row label:has(input:focus-visible),.profile-switch label:has(input:focus-visible),.insurance-grid label:has(input:focus-visible),.payment-grid label:has(input:focus-visible),.vehicle-card:has(input:focus-visible){outline:3px solid #78ffd0;outline-offset:3px}.choice-row label:has(input:checked)>span,.profile-switch label:has(input:checked)>span,.insurance-grid label:has(input:checked)>span,.payment-grid label:has(input:checked)>span,.choice-row label:has(input:checked){border-color:var(--red);background:linear-gradient(145deg,#4c1021,#191421);box-shadow:inset 0 0 0 1px #ff174655}.choice-row label:has(input:disabled),.profile-switch label:has(input:disabled){opacity:.42;cursor:not-allowed}.profile-switch b,.profile-switch small,.insurance-grid b,.insurance-grid small,.payment-grid b,.payment-grid small{display:block}.profile-switch small,.insurance-grid small,.payment-grid small{margin-top:3px;color:#b9c4d2}.business-fields{margin:18px 0;padding:18px;border:1px solid #594933;border-radius:14px;background:#211b12}.dynamic-fields:empty{display:none}.account-legal{margin:12px 0;border:1px solid #364b65;border-radius:12px;background:#0b1522}.account-legal summary{padding:12px 14px;cursor:pointer;font-weight:850}.account-legal p{margin:0;padding:0 14px 14px;color:#c8d3df}.account-legal a{color:#78ffd0}.check{display:flex;align-items:flex-start;gap:11px;margin:13px 0;cursor:pointer;font-weight:650}.check input{appearance:none;display:grid;place-items:center;flex:0 0 23px;width:23px;min-height:23px;height:23px;padding:0;margin:1px 0 0;border-radius:6px}.check input:checked{background:var(--green);border-color:var(--green)}.check input:checked:after{content:"✓";color:#00160c;font-weight:1000}.check input:disabled{opacity:.45;cursor:not-allowed}
.availability-line{display:flex;align-items:center;flex-wrap:wrap;gap:15px;margin:18px 0;color:var(--muted)}.availability-line span{min-width:12rem;flex:1}.vehicle-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.vehicle-card{position:relative;display:flex;flex-direction:column;min-width:0;border:1px solid #31445e;border-radius:16px;background:#0b1420;overflow:hidden;cursor:pointer;transition:.18s transform,.18s border-color}.vehicle-card:hover{transform:translateY(-3px);border-color:#6682a4}.vehicle-card.selected{border-color:var(--green);box-shadow:0 0 0 2px #00dc8633}.vehicle-card.unavailable{opacity:.48;filter:grayscale(.7);cursor:not-allowed}.vehicle-card input{position:absolute;opacity:0}.vehicle-card img{width:100%;height:145px;object-fit:contain;background:radial-gradient(circle,#fff 0,#e7ebef 55%,#bdc4cc 100%)}.vehicle-info{padding:13px}.vehicle-info b,.vehicle-info small,.vehicle-info strong{display:block}.vehicle-info b{min-height:42px}.vehicle-info small{color:var(--muted)}.vehicle-info strong{margin-top:8px;color:#75f8bd;font-size:18px}.vehicle-badge{position:absolute;top:9px;right:9px;padding:5px 8px;border-radius:999px;background:#071017df;color:#fff;font-size:10px;font-weight:950}
fieldset{margin:0 0 20px;padding:0;border:0}legend{margin-bottom:12px;font-weight:900}.insurance-grid,.payment-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.payment-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.insurance-grid label>span,.payment-grid label>span{min-height:76px;padding:16px}.accessory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.accessory-grid .check{align-items:center;margin:0;padding:13px;border:1px solid #30445e;border-radius:13px;background:#0c1724}.accessory-grid .check span{display:flex;flex:1;justify-content:space-between;gap:8px}.accessory-grid em{color:#6ef6b9;font-style:normal}.location-card{padding:18px;border:1px solid #31465f;border-radius:15px;background:#0b1522}.location-card label+label{margin-top:12px}.notice{padding:13px 15px;border:1px solid #287195;border-radius:12px;background:#09283a;color:#d3efff}.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:11px 18px;border:1px solid transparent;border-radius:12px;text-decoration:none;font-weight:900;cursor:pointer}.button.primary{background:linear-gradient(145deg,var(--red),#d00e36);color:#fff;box-shadow:0 10px 25px #ff17462b}.button.secondary{background:#18263a;color:#fff;border-color:#405675}.button:disabled{opacity:.43;cursor:not-allowed;box-shadow:none}.button.large{min-width:260px;min-height:58px;font-size:18px}.final-grid{display:grid;grid-template-columns:1fr .85fr;gap:22px}.terms-button{display:flex;align-items:center;gap:14px;width:100%;padding:17px;border:1px solid #506783;border-radius:15px;background:#15243a;color:#fff;text-align:left;cursor:pointer}.terms-button>span:first-child{font-size:29px;color:#ff6685}.terms-button b,.terms-button small{display:block}.terms-button small{margin-top:3px;color:var(--muted)}.terms-check{padding:13px;border:1px solid #31465f;border-radius:13px;background:#0a1723}.price-summary{padding:20px;border:1px solid #7a2640;border-radius:18px;background:linear-gradient(145deg,#23101a,#0b111b)}.price-summary h3{margin-top:0}.price-summary dl{display:grid;grid-template-columns:1fr auto;gap:7px 14px;margin:0}.price-summary dt{color:#b7c1ce}.price-summary dd{margin:0;font-weight:850}.price-summary .total{font-size:22px;color:#fff}.price-summary .disclaimer{margin:15px 0 0;color:#b8c1ce;font-size:12px}.submit-row{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:20px clamp(18px,3vw,30px);border-top:1px solid #24364d}.submit-row p{max-width:650px;margin:0;color:var(--muted)}.form-status{min-height:24px;margin:13px 0 0}.form-status.error{color:#ff8aa1}.form-status.ok{color:#65f5b6}.booking-status{padding:0 30px 20px}.required-error{outline:2px solid var(--red);outline-offset:2px}
.modal{width:min(900px,calc(100% - 24px));max-height:90vh;padding:0;border:1px solid #435875;border-radius:20px;background:#0b1320;color:#fff;box-shadow:0 30px 100px #000b}.modal::backdrop{background:#000b;backdrop-filter:blur(5px)}.modal-head,.modal-actions{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 20px;background:#111e2e}.modal-head{position:sticky;top:0;z-index:2;border-bottom:1px solid #31455d}.modal-head h2{margin:0}.modal-actions{position:sticky;bottom:0;border-top:1px solid #31455d}.terms-content{max-height:65vh;padding:20px;overflow:auto;background:#f8fafc;color:#152033}.terms-content .takas-v121-readingbar{display:none}.terms-content h2{font-size:24px}.terms-content h3{margin-top:28px;padding:10px;border-radius:8px;background:#172437;color:#fff}.terms-content section{padding:12px 0;border-bottom:1px solid #cfd6de}.terms-content h4{margin:0 0 7px}.terms-content p{margin:6px 0}.success-content{padding:24px}.booking-code{display:inline-block;margin:8px 0 18px;padding:10px 16px;border-radius:12px;background:#ff1746;color:#fff;font-size:clamp(25px,5vw,42px);font-weight:1000;letter-spacing:.05em}.confirmation-grid{display:grid;grid-template-columns:1fr 220px;gap:22px}.confirmation-grid img{width:100%;border-radius:13px;background:#fff;padding:10px}.status-list{display:grid;gap:8px}.status-list span{padding:9px 12px;border-radius:9px;background:#142235;color:#d4deea}
.terms-warning{margin:0;padding:13px 20px;border-bottom:1px solid #9a6721;background:#3b2a0e;color:#ffe8aa;font-weight:750}.rental-history{margin-top:14px;padding:16px;border:1px solid #365170;border-radius:14px;background:#0b1624}.rental-history h3{margin:0 0 12px}.rental-list{display:grid;gap:9px}.rental-list article{display:grid;grid-template-columns:auto 1fr;gap:2px 12px;padding:11px;border:1px solid #2d425c;border-radius:10px}.rental-list small,.rental-list em{grid-column:2;color:#b9c9db;font-style:normal}.server-pricing{display:grid;grid-template-columns:1fr auto;gap:5px 14px;margin:12px 0}.server-pricing dt,.server-pricing dd{margin:0}.server-pricing dd{font-weight:850;text-align:right}.server-pricing .total{color:#75f8bd;font-size:18px}.booking-qr{margin:0;text-align:center}.booking-qr img{width:min(230px,100%);background:#fff;border-radius:14px;padding:9px}.booking-qr figcaption{max-width:230px;margin:7px auto 0;color:#ffcf84;font-weight:750;font-size:12px}
footer{display:flex;justify-content:center;flex-wrap:wrap;gap:10px 24px;padding:32px;border-top:1px solid #233248;color:#aeb9c8}footer a{font-weight:850;text-decoration:none}
@media(max-width:900px){.hero,.auth-grid,.final-grid{grid-template-columns:1fr}.vehicle-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.insurance-grid,.accessory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{padding-top:44px}.topbar nav>a{display:none}}
@media(max-width:620px){main{width:min(calc(100% - 16px),1180px)}.topbar{gap:8px;padding:10px 8px}.brand{min-width:0;gap:8px}.brand-mark{width:39px;height:39px}.brand b{font-size:16px}.brand small{display:none}nav{min-width:0;gap:0}.account-button{max-width:148px;font-size:11px;line-height:1.15;padding:9px 10px;white-space:normal}.hero h1{font-size:clamp(30px,9.3vw,37px);overflow-wrap:anywhere;letter-spacing:-.035em}.hero>div>p:last-child{font-size:16px}.two-col,.date-grid,.location-grid,.profile-switch,.choice-row,.insurance-grid,.payment-grid,.accessory-grid,.confirmation-grid{grid-template-columns:1fr}.vehicle-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.vehicle-card img{height:112px}.vehicle-info{padding:10px}.vehicle-info b{font-size:13px;min-height:39px}.availability-line{align-items:stretch;flex-direction:column}.availability-line .button{width:100%}.submit-row{align-items:stretch;flex-direction:column}.button.large{width:100%;min-width:0}.modal-actions{align-items:stretch;flex-direction:column}.modal-actions .button{width:100%}.rental-list article{grid-template-columns:1fr}.rental-list small,.rental-list em{grid-column:1}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}