.demo-banner{color:#17333b;background:#fff0b8;border:1.5px solid #17333b;border-radius:16px;justify-content:space-between;align-items:center;gap:12px;max-width:700px;margin:12px auto 20px;padding:10px 14px;font-size:13px;display:flex}.demo-banner b{letter-spacing:.12em;font-size:11px}.demo-banner form{margin:0}.demo-banner button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;text-decoration:underline}.demo-payment{max-width:560px;margin:auto}.demo-payment-card{background:linear-gradient(135deg,#fff,#edfaff);border:2px solid #17333b;border-radius:26px;padding:24px;box-shadow:5px 6px #a2bcc2}.demo-payment-card .demo-card-head{justify-content:space-between;align-items:center;margin-bottom:22px;font-weight:800;display:flex}.demo-chip{background:#ffdb63;border:1px solid #90762f;border-radius:7px;width:36px;height:28px}.demo-payment-card input{font:inherit;color:#17333b;letter-spacing:.07em;background:#f5fbfc}.demo-payment-card .demo-card-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.demo-totals{gap:10px;padding:20px 0;display:grid}.demo-totals p{justify-content:space-between;gap:20px;margin:0;display:flex}.demo-note{color:#486570;font-size:13px;line-height:1.6}.demo-payment details{margin-top:20px;font-size:13px}.phone-field{background:#fff;border:2px solid #17333b;border-radius:20px;display:flex;overflow:hidden;box-shadow:4px 4px #a2bcc2}.phone-field input{width:100%;min-width:0;box-shadow:none!important;border:0!important;border-radius:0!important}.phone-field button{max-width:48%;font:inherit;color:#17333b;cursor:pointer;background:#edfaff;border:0;border-right:1px solid #c2d7dc;flex:none;padding:12px}.country-picker{color:#17333b;box-sizing:border-box;background:#fff;border:2px solid #17333b;border-radius:24px;width:min(440px,100vw - 32px);max-height:80dvh;padding:20px}.country-picker::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#14354088}.country-picker form{justify-content:space-between;align-items:center;gap:12px;display:flex}.country-picker h2{margin:0 0 16px;font-size:20px}.country-picker form button{background:0 0;border:0;font-size:26px}.country-picker input{box-sizing:border-box;border:1px solid #8dacb5;border-radius:12px;width:100%;padding:12px}.country-results{max-height:50dvh;margin-top:12px;overflow:auto}.country-results button{text-align:start;width:100%;font:inherit;color:#17333b;cursor:pointer;background:#fff;border:0;border-bottom:1px solid #e2eef0;justify-content:space-between;gap:10px;padding:13px 10px;display:flex}.country-results button:hover,.country-results button:focus-visible{background:#fff0b8}.demo-timer{background:#fff7d2;border:2px solid #17333b;border-radius:28px;place-items:center;min-height:160px;margin:20px auto;padding:20px;display:grid;position:relative}.demo-timer .countdown{font-variant-numeric:tabular-nums;margin:0;font-size:clamp(38px,10vw,70px)}.demo-timer small{font-size:12px}.demo-timer progress{accent-color:#079fc3;width:90%;height:8px;transition:all 1s linear}.demo-pass-used{opacity:.62}.demo-staff-box{background:#fff9e5;border:1.5px dashed #8e762e;border-radius:18px;margin:18px 0;padding:18px}.demo-staff-box h3{margin-top:0}.demo-staff-box .demo-links{gap:8px;display:grid}.demo-staff-box input[type=email],.demo-staff-box input[readonly]{box-sizing:border-box;border:1px solid #738b91;border-radius:10px;width:100%;padding:12px}.demo-staff-box label{margin:12px 0;display:block}.demo-staff-box a,.demo-staff-box button{cursor:pointer}.demo-doc-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px;display:grid}.demo-doc-tile{background:#fff;border:1px solid #c4d5d9;border-radius:15px;padding:16px;position:relative}.demo-doc-preview{border:0;width:100%;height:180px}.demo-doc-tile:hover .demo-doc-preview{box-shadow:0 12px 30px #17333b33}.demo-paid{color:#17333b;background:#d9f6e4;border-radius:18px;padding:18px}.demo-actions{gap:12px;display:grid}.demo-profile{border-top:1px solid #d0e1e5;margin-top:12px;padding-top:12px}.demo-profile select{border:1px solid #879fa5;border-radius:9px;max-width:100%;padding:8px}@media (prefers-reduced-motion:reduce){.demo-timer progress{transition:none}}.demo-payment-card input{box-sizing:border-box;width:100%;min-width:0}.demo-payment .demo-payment-card .demo-card-row{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-payment-card .feld{min-width:0}.demo-payment{width:100%;min-width:0}.qr.demo-status-qr{width:min(244px,85vw);margin:20px auto;padding:16px}.qr.demo-status-qr svg{max-width:100%;height:auto}.demo-timer progress::-webkit-progress-value{background:#099fbf;border-radius:5px;transition:width 1s linear}.demo-timer[data-running=true]:before{content:"";background:#129568;border-radius:50%;width:8px;height:8px;animation:2s ease-out infinite demo-live;position:absolute;top:16px;right:16px}@keyframes demo-live{50%{box-shadow:0 0 0 5px #12956822}}@media (prefers-reduced-motion:reduce){.demo-timer[data-running=true]:before{animation:none}}.demo-doc-tile:hover .di-hover-preview{opacity:1;visibility:visible;pointer-events:none}.held.demo-status{gap:8px}.booking-payment-breakdown{font-variant-numeric:tabular-nums;border-top:1px solid;margin-top:12px;padding-top:12px}.booking-payment-breakdown p{text-align:start;justify-content:space-between;gap:16px;font-size:14px;line-height:1.5;display:flex}.booking-payment-breakdown strong{white-space:nowrap}.staff-booking-hotel{overflow-wrap:anywhere;font-size:18px;line-height:1.4}.booking-pass{width:100%;max-width:420px;margin:12px auto}.booking-pass .qr{max-width:244px;margin:12px auto}.booking-pass .qr svg{width:100%;height:auto}.booking-pass .demo-paid{font-size:15px;line-height:1.6}.booking-pass .demo-timer .countdown{font-size:clamp(36px,10vw,64px)}.demo-status>.code{margin:8px 0;font-size:clamp(20px,5.8vw,30px)}.demo-status>.info{margin:8px 0}.demo-status>.qr{margin:12px auto}.demo-status>.demo-timer{margin:16px auto}.demo-status>.demo-timer .countdown{margin:10px 0}