:root{--site-bg:#f4f7fa;--site-surface:#fff;--site-surface-2:#eef4f8;--site-border:#dce5ed;--site-text:#1a2b3c;--site-muted:#5c6f82;--site-primary:#0c6e8a;--site-primary-dark:#095a72;--site-primary-soft:#e6f4f8;--site-accent:#c9a227;--site-accent-soft:#faf5e6;--site-success:#16a34a;--site-shadow:0 8px 32px rgba(12,78,104,.08);--site-shadow-lg:0 20px 50px rgba(12,78,104,.12);--site-radius:14px;--site-header-h:72px;--site-max:1140px;--site-font:"Segoe UI",Tahoma,"Noto Sans Arabic",system-ui,sans-serif}body.page-site,body.page-site-host,body.page-site-payment{font-family:var(--site-font);background:var(--site-bg);color:var(--site-text);min-height:100vh;line-height:1.65}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:900;width:100%;background:hsla(0,0%,100%,.92);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--site-border);box-shadow:0 1px 0 hsla(0,0%,100%,.8)}.site-header-inner{width:100%;max-width:var(--site-max);margin:0 auto;padding:0 1.25rem;height:var(--site-header-h);display:flex;align-items:center;justify-content:space-between;gap:1rem}@media (min-width:900px){.page-checkout-flow .site-header-inner{display:grid;grid-template-columns:auto 1fr;align-items:center;grid-gap:1.5rem;gap:1.5rem}.page-checkout-flow .site-nav{justify-self:end;justify-content:flex-end;flex-wrap:wrap;gap:.35rem .5rem}}.site-logo{display:flex;align-items:center;gap:.65rem;text-decoration:none;color:var(--site-text)}.site-logo-img{width:58px;height:58px;object-fit:contain;flex-shrink:0;border-radius:10px;transition:transform .3s ease}.site-logo:hover .site-logo-img{transform:scale(1.05)}.site-logo-text{display:flex;flex-direction:column;line-height:1.2}.site-logo-text strong{font-size:1.05rem;color:var(--site-primary-dark)}.site-logo-text small{font-size:.72rem;color:var(--site-muted);font-weight:500}.site-nav{display:flex;align-items:center;gap:.35rem}.site-nav-link{padding:.5rem .85rem;border-radius:8px;text-decoration:none;color:var(--site-muted);font-weight:600;font-size:.92rem;transition:color .15s,background .15s}.site-nav-link.is-active,.site-nav-link:hover{color:var(--site-primary-dark);background:var(--site-primary-soft)}.site-nav-cta{background:var(--site-primary)!important;color:#fff!important;margin-right:.25rem}.site-nav-cta:hover{background:var(--site-primary-dark)!important;color:#fff!important}.site-nav-toggle{display:none;flex-direction:column;gap:5px;padding:.5rem;border:none;background:transparent;cursor:pointer}.site-nav-toggle span{display:block;width:22px;height:2px;background:var(--site-text);border-radius:2px}@media (max-width:768px){.site-nav-toggle{display:flex}.site-nav{position:fixed;top:var(--site-header-h);right:0;left:0;flex-direction:column;align-items:stretch;padding:1rem;background:var(--site-surface);border-bottom:1px solid var(--site-border);box-shadow:var(--site-shadow);transform:translateY(-120%);opacity:0;pointer-events:none;transition:transform .25s,opacity .25s}.site-nav.is-open{transform:translateY(0);opacity:1;pointer-events:auto}.site-nav-link{padding:.75rem 1rem}}.site-footer{width:100%;background:#0f2d3d;color:#c8d6e0;margin-top:auto}.site-footer-inner{width:100%;max-width:var(--site-max);margin:0 auto;padding:2rem 1.25rem 1.5rem}.site-footer-brand{font-size:.95rem;font-weight:700;color:#fff;margin:0 0 .5rem;line-height:1.5}.site-footer-contact{margin:0 0 .65rem;font-size:.9rem;color:#a8c4d4}.site-footer-contact a{color:#a8c4d4;text-decoration:none}.site-footer-contact a:hover{color:#fff}.site-footer-copy{margin:0;font-size:.82rem;color:#7a95a8}.page-checkout-flow .site-footer-inner{padding:1.75rem 1.25rem;text-align:center}.page-checkout-flow .site-footer-contact{direction:ltr;unicode-bidi:embed}.site-footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1.2fr;grid-gap:2rem;gap:2rem}.site-footer h3,.site-footer h4{color:#fff;margin-bottom:.75rem;font-size:1rem}.site-footer-brand p{font-size:.9rem;line-height:1.7;max-width:320px}.site-footer-contact,.site-footer-links{display:flex;flex-direction:column;gap:.45rem}.site-footer-contact a,.site-footer-links a{color:#a8c4d4;text-decoration:none;font-size:.9rem}.site-footer-contact a:hover,.site-footer-links a:hover{color:#fff}.site-footer-bottom{margin-top:2rem;padding-top:1.25rem;border-top:1px solid hsla(0,0%,100%,.1);text-align:center;font-size:.82rem}.site-footer-note{margin-top:.35rem;color:#7a95a8;font-size:.78rem}@media (max-width:768px){.site-footer-grid{grid-template-columns:1fr;gap:1.5rem}}.site-main{flex:1 1;overflow-x:hidden}.hero-brand{position:relative;padding:clamp(2.5rem,6vw,4.5rem) 1.25rem;background:linear-gradient(160deg,#fff,#eef6fa 45%,#f4f7fa);overflow:hidden}.hero-brand-bg{position:absolute;inset:0;pointer-events:none}.hero-blob{position:absolute;border-radius:50%;filter:blur(60px);opacity:.45;animation:blob-drift 12s ease-in-out infinite alternate}.hero-blob-1{width:320px;height:320px;background:#5ce1e6;top:-80px;left:-60px}.hero-blob-2{width:280px;height:280px;background:#e93382;bottom:-60px;right:10%;animation-delay:-4s}.hero-blob-3{width:200px;height:200px;background:#546ef7;top:30%;right:-40px;animation-delay:-8s}@keyframes blob-drift{0%{transform:translate(0) scale(1)}to{transform:translate(20px,-15px) scale(1.08)}}.hero-brand-inner{position:relative;z-index:1;max-width:var(--site-max);margin:0 auto;display:grid;grid-template-columns:1fr 1.15fr;grid-gap:clamp(2rem,5vw,4rem);gap:clamp(2rem,5vw,4rem);align-items:center}.hero-logo-col{display:flex;flex-direction:column;align-items:center;text-align:center}.hero-logo-frame{padding:1.25rem;background:#fff;border-radius:24px;box-shadow:var(--site-shadow-lg),0 0 0 1px rgba(12,110,138,.08);animation:logo-float 5s ease-in-out infinite}.hero-logo-img{width:clamp(180px,22vw,260px);height:clamp(180px,22vw,260px);object-fit:contain;display:block}@keyframes logo-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.hero-logo-caption{margin-top:1.25rem;font-size:.95rem;font-weight:600;color:var(--site-primary-dark)}.hero-content-col h1{font-size:clamp(1.85rem,4.5vw,2.85rem);font-weight:800;line-height:1.2;color:var(--site-text);margin-bottom:.65rem}.hero-eyebrow{display:inline-block;color:var(--site-primary);font-weight:700;font-size:.9rem;margin-bottom:.5rem}.hero-tagline{color:var(--site-muted);font-size:clamp(1rem,2vw,1.12rem);line-height:1.75;margin-bottom:1.25rem}.hero-motivation{list-style:none;margin:0 0 1.75rem;padding:0}.hero-motivation li{display:flex;align-items:flex-start;gap:.6rem;padding:.55rem 0;font-size:1rem;font-weight:600;color:var(--site-text);border-bottom:1px dashed var(--site-border)}.hero-motivation li:last-child{border-bottom:none}.hero-motivation-icon{color:var(--site-primary);font-size:.85rem;margin-top:.2rem}.hero-actions{display:flex;flex-wrap:wrap;gap:.75rem}.site-btn-pulse{animation:btn-glow 2.5s ease-in-out infinite}@keyframes btn-glow{0%,to{box-shadow:0 4px 16px rgba(12,110,138,.35)}50%{box-shadow:0 8px 28px rgba(12,110,138,.55)}}.stats-band{background:var(--site-primary-dark);padding:2.25rem 1.25rem}.stats-band-inner{max-width:var(--site-max);margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);grid-gap:1.5rem;gap:1.5rem;text-align:center}.stat-box{color:#fff}.stat-number{display:block;font-size:clamp(2.25rem,5vw,3.25rem);font-weight:800;line-height:1.1;color:#fff;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.stat-label{display:block;margin-top:.35rem;font-size:clamp(.9rem,2vw,1.05rem);color:hsla(0,0%,100%,.82);font-weight:500}.testimonials-section{background:linear-gradient(180deg,var(--site-bg) 0,#fff 50%,var(--site-bg) 100%)}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));grid-gap:1.25rem;gap:1.25rem}.testimonial-card{background:var(--site-surface);border:1px solid var(--site-border);border-radius:var(--site-radius);padding:1.5rem 1.35rem;box-shadow:var(--site-shadow);transition:transform .25s ease,box-shadow .25s ease}.testimonial-card:hover{transform:translateY(-6px);box-shadow:var(--site-shadow-lg)}.testimonial-stars{color:#f59e0b;font-size:1.1rem;letter-spacing:.1em;margin-bottom:.75rem}.testimonial-text{font-size:.98rem;line-height:1.75;color:var(--site-text);margin:0 0 1rem;font-style:normal}.testimonial-author strong{display:block;font-size:.95rem;color:var(--site-primary-dark)}.testimonial-author span{font-size:.82rem;color:var(--site-muted)}.reveal{opacity:0;transform:translateY(28px);transition:opacity .65s ease,transform .65s ease}.reveal.is-visible{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}.hero-blob,.hero-logo-frame,.site-btn-pulse{animation:none}}@media (max-width:900px){.hero-brand-inner{grid-template-columns:1fr;text-align:center}.hero-motivation li{text-align:right}.hero-actions,.hero-motivation li{justify-content:center}.stats-band-inner{grid-template-columns:repeat(2,1fr);gap:1.75rem}}@media (max-width:480px){.stats-band-inner{grid-template-columns:1fr 1fr}}.site-section{max-width:var(--site-max);margin:0 auto;padding:4rem 1.25rem}.site-section-header{text-align:center;max-width:640px;margin:0 auto 2.5rem}.site-section-label{display:inline-block;color:var(--site-primary);font-weight:700;font-size:.82rem;letter-spacing:.06em;text-transform:uppercase;margin-bottom:.5rem}.site-section-header h2{font-size:clamp(1.4rem,3vw,2rem);color:var(--site-text);margin-bottom:.65rem}.site-section-header p{color:var(--site-muted);font-size:1.02rem}.about-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:2.5rem;gap:2.5rem;align-items:center}.about-image{border-radius:var(--site-radius);overflow:hidden;box-shadow:var(--site-shadow-lg);aspect-ratio:4/3}.about-image img{width:100%;height:100%;object-fit:cover;display:block}.about-content p{color:var(--site-muted);margin-bottom:1rem;font-size:1.02rem}.about-features{display:grid;grid-template-columns:1fr 1fr;grid-gap:.75rem;gap:.75rem;margin-top:1.25rem}.about-feature{display:flex;align-items:flex-start;gap:.5rem;font-size:.92rem;color:var(--site-text);font-weight:600}.about-feature-icon{color:var(--site-success);flex-shrink:0}.landing-cta{background:linear-gradient(135deg,var(--site-primary-soft) 0,var(--site-accent-soft) 100%);border-top:1px solid var(--site-border);border-bottom:1px solid var(--site-border);text-align:center;padding:3.5rem 1.25rem}.landing-cta-inner{max-width:560px;margin:0 auto}.landing-cta h2{font-size:clamp(1.35rem,3vw,1.85rem);color:var(--site-text);margin-bottom:.75rem}.landing-cta p{color:var(--site-muted);margin-bottom:1.5rem;font-size:1.02rem}.site-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.95rem 2rem;border-radius:10px;font-weight:700;font-size:1.05rem;text-decoration:none;border:none;cursor:pointer;transition:transform .15s,box-shadow .15s,background .15s}.site-btn-primary{background:var(--site-primary);color:#fff;box-shadow:0 4px 16px rgba(12,110,138,.35)}.site-btn-primary:hover{background:var(--site-primary-dark);transform:translateY(-2px);box-shadow:0 8px 24px rgba(12,110,138,.4)}.site-btn-lg{padding:1.1rem 2.5rem;font-size:1.12rem;min-width:220px}.site-btn-outline{background:transparent;color:var(--site-primary-dark);border:2px solid var(--site-primary)}.site-btn-outline:hover{background:var(--site-primary-soft)}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:1.25rem;gap:1.25rem}.service-card{background:var(--site-surface);border:1px solid var(--site-border);border-radius:var(--site-radius);overflow:hidden;box-shadow:var(--site-shadow);transition:transform .2s,box-shadow .2s}.service-card:hover{transform:translateY(-4px);box-shadow:var(--site-shadow-lg)}.service-card-img{height:160px;overflow:hidden;background:var(--site-surface-2)}.service-card-img img{width:100%;height:100%;object-fit:cover}.service-card-body{padding:1.15rem 1.25rem 1.35rem}.service-card-body h3{font-size:1.05rem;color:var(--site-text);margin-bottom:.4rem}.service-card-body p{font-size:.88rem;color:var(--site-muted);line-height:1.6}.why-section{background:var(--site-surface);border-top:1px solid var(--site-border);border-bottom:1px solid var(--site-border)}.why-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:1.25rem;gap:1.25rem}.why-card{padding:1.5rem;background:var(--site-bg);border:1px solid var(--site-border);border-radius:var(--site-radius);text-align:center}.why-card-icon{width:52px;height:52px;margin:0 auto .85rem;background:var(--site-primary-soft);color:var(--site-primary);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.why-card h3{font-size:1rem;margin-bottom:.4rem}.why-card p{font-size:.88rem;color:var(--site-muted)}.trust-badges{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:1.5rem}.trust-badge{display:flex;align-items:center;gap:.5rem;padding:.65rem 1rem;background:var(--site-surface);border:1px solid var(--site-border);border-radius:999px;font-size:.85rem;font-weight:600;color:var(--site-text)}@media (max-width:768px){.about-features,.about-grid{grid-template-columns:1fr}}body.page-site-host,body.page-site-payment{display:flex;flex-direction:column}.site-page-wrap{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1rem 3rem;min-height:calc(100vh - var(--site-header-h) - 200px)}.site-page-intro{text-align:center;max-width:520px;margin-bottom:1.5rem}.site-page-intro h1{font-size:1.5rem;color:var(--site-primary-dark);margin-bottom:.35rem}.site-page-intro p{color:var(--site-muted);font-size:.95rem}body.page-site-host .consent-modal{position:relative;inset:auto;z-index:1;display:flex!important;align-items:flex-start;justify-content:center;background:transparent;min-height:auto;padding:0}body.page-site-host .consent-modal.hidden{display:flex!important}body.page-site-host .consent-modal-card{max-width:460px;text-align:right;background:var(--site-surface);border:1px solid var(--site-border);box-shadow:var(--site-shadow-lg);border-radius:var(--site-radius)}body.page-site-host .consent-share-note{color:#92400e;background:var(--site-accent-soft);border:1px solid #e8d9a8}body.page-site-payment .payment-checkout-card{border:1px solid var(--site-border);box-shadow:var(--site-shadow-lg);border-radius:var(--site-radius)}body.page-site-host{background:var(--site-bg)}body.page-site-host,body.page-site-payment{--bg:var(--site-bg);--surface:var(--site-surface);--border:var(--site-border);--text:var(--site-text);--muted:var(--site-muted);--primary:var(--site-primary);--primary-hover:var(--site-primary-dark)}body.page-site .site-btn-primary,body.page-site-host .btn-primary,body.page-site-payment .btn-primary{background:var(--site-primary)}body.page-site-host .btn-primary:hover:not(:disabled),body.page-site-payment .btn-primary:hover:not(:disabled){background:var(--site-primary-dark)}body.page-site-host .consent-brand-badge{color:var(--site-primary)}body.page-site-host .consent-input,body.page-site-payment .consent-input{background:#fff;border-color:var(--site-border);color:var(--site-text)}body.page-site-host .field-label,body.page-site-payment .field-label{color:var(--site-text)}body.page-site-host .consent-modal-card h2{font-size:1.2rem;font-weight:700;color:var(--site-primary-dark);margin-bottom:.35rem}body.page-site-host.page-host-booking{background:var(--site-bg);display:flex;flex-direction:column;min-height:100vh}.host-booking-main{flex:1 1;display:flex;flex-direction:column}.host-booking-hero{position:relative;padding:clamp(2.25rem,5vw,3.25rem) 1.25rem 1.75rem;background:linear-gradient(165deg,#fff,#eef6fa 42%,#f4f7fa);overflow:hidden;border-bottom:1px solid var(--site-border)}.host-booking-hero-bg{position:absolute;inset:0;pointer-events:none}.host-booking-hero-inner{position:relative;z-index:1;max-width:var(--site-max);margin:0 auto;text-align:center}.host-booking-eyebrow{display:inline-block;font-size:.85rem;font-weight:600;color:var(--site-primary);background:var(--site-primary-soft);padding:.4rem .95rem;border-radius:999px;margin-bottom:.85rem;border:1px solid rgba(12,110,138,.12)}.host-booking-hero h1{font-size:clamp(1.65rem,4.5vw,2.15rem);color:var(--site-primary-dark);margin-bottom:.55rem;line-height:1.3;font-weight:800}.host-booking-lead{max-width:560px;margin:0 auto 1.65rem;color:var(--site-muted);font-size:1rem;line-height:1.65}.host-booking-steps{display:inline-flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:0;list-style:none;padding:.35rem;margin:0;background:hsla(0,0%,100%,.75);border:1px solid var(--site-border);border-radius:999px;box-shadow:var(--site-shadow)}.host-booking-step{display:flex;align-items:center;gap:.55rem;padding:.5rem 1rem;border-radius:999px;font-size:.84rem;font-weight:600;color:var(--site-muted);position:relative}.host-booking-step.has-connector:after{content:"";position:absolute;left:-.35rem;top:50%;width:.65rem;height:2px;background:var(--site-border);transform:translateY(-50%)}.host-booking-step.is-active{background:var(--site-primary);color:#fff;box-shadow:0 4px 14px rgba(12,110,138,.28)}.host-booking-step-num{display:inline-flex;align-items:center;justify-content:center;width:1.45rem;height:1.45rem;border-radius:50%;background:hsla(0,0%,100%,.22);font-size:.78rem;font-weight:700}.host-booking-step:not(.is-active) .host-booking-step-num{background:var(--site-primary-soft);color:var(--site-primary-dark)}.host-booking-content{flex:1 1;padding:clamp(1.75rem,4vw,2.75rem) 1.25rem 3rem;background:radial-gradient(circle at 100% 0,rgba(12,110,138,.04),transparent 42%),var(--site-bg)}.host-booking-grid{max-width:var(--site-max);margin:0 auto;display:grid;grid-template-columns:minmax(280px,.95fr) minmax(320px,1.05fr);grid-gap:clamp(1.5rem,4vw,2.25rem);gap:clamp(1.5rem,4vw,2.25rem);align-items:start}.host-booking-info-card{background:var(--site-surface);border:1px solid var(--site-border);border-radius:calc(var(--site-radius) + 2px);box-shadow:var(--site-shadow);padding:0;position:-webkit-sticky;position:sticky;top:calc(var(--site-header-h) + 1rem);overflow:hidden}.host-booking-info-card:before{content:"";display:block;height:4px;background:linear-gradient(90deg,var(--site-primary),#38bdf8,var(--site-accent))}.host-booking-info-head{display:flex;align-items:center;gap:.85rem;padding:1.35rem 1.35rem 0}.host-booking-info-logo{border-radius:14px;box-shadow:0 4px 12px rgba(12,110,138,.12);flex-shrink:0}.host-booking-info-head h2{font-size:1.12rem;color:var(--site-primary-dark);margin:0 0 .2rem;line-height:1.3}.host-booking-info-tagline{margin:0;font-size:.78rem;color:var(--site-muted);font-weight:600}.host-booking-info-desc{color:var(--site-muted);font-size:.9rem;margin:.85rem 0 0;padding:0 1.35rem;line-height:1.75}.host-booking-trust{list-style:none;padding:1.15rem 1.35rem 0;margin:0;display:flex;flex-direction:column;gap:.7rem}.host-booking-trust li{display:flex;align-items:flex-start;gap:.65rem;font-size:.88rem;color:var(--site-text);line-height:1.55}.host-booking-trust-icon{flex-shrink:0;width:1.5rem;height:1.5rem;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--site-primary-soft);color:var(--site-primary-dark);font-size:.72rem;font-weight:700}.host-booking-contact{margin:1.25rem 1.35rem 1.35rem;padding:1rem 1.1rem;border-radius:12px;background:linear-gradient(135deg,var(--site-primary-soft) 0,#fff 100%);border:1px solid rgba(12,110,138,.12)}.host-booking-contact-label{display:block;font-size:.78rem;font-weight:700;color:var(--site-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:.35rem}.host-booking-contact-phone{display:inline-flex;align-items:center;color:var(--site-primary-dark);font-weight:800;text-decoration:none;font-size:1.05rem;direction:ltr;unicode-bidi:embed}.host-booking-contact-phone:hover{color:var(--site-primary)}.host-booking-form-wrap{width:100%}.host-booking-form-card{width:100%;background:var(--site-surface);border:1px solid var(--site-border);border-radius:calc(var(--site-radius) + 2px);box-shadow:var(--site-shadow-lg);padding:clamp(1.5rem,4vw,2rem);text-align:right}.host-form-header{margin-bottom:1.35rem;padding-bottom:1.1rem;border-bottom:1px solid var(--site-border)}.host-form-badge{display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:.04em;color:var(--site-primary);background:var(--site-primary-soft);padding:.28rem .65rem;border-radius:6px;margin-bottom:.55rem}.host-form-header h2{font-size:1.35rem;font-weight:800;color:var(--site-primary-dark);margin:0 0 .35rem;line-height:1.35}.host-form-subtitle{margin:0;color:var(--site-muted);font-size:.92rem;line-height:1.5}.host-form-section{margin-bottom:1rem}.host-form-section-box{background:#f8fbfd;border:1px solid var(--site-border);border-radius:12px;padding:1rem 1rem .15rem}.host-form-section-title{font-size:.76rem;font-weight:700;color:var(--site-primary-dark);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.85rem}.host-form-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:.85rem;gap:.85rem}.host-form-field{margin-bottom:.85rem}.host-form-field:last-child{margin-bottom:0}.host-form-row .host-form-field{margin-bottom:.85rem}body.page-site-host .host-booking-form-card .consent-input,body.page-site-host .host-field-input{width:100%;padding:.78rem .9rem;border:1px solid var(--site-border);border-radius:10px;font-size:.98rem;background:#fff;color:var(--site-text);font-family:inherit;transition:border-color .15s,box-shadow .15s}body.page-site-host .host-booking-form-card .consent-input:focus,body.page-site-host .host-field-input:focus{outline:none;border-color:var(--site-primary);box-shadow:0 0 0 3px rgba(12,110,138,.14)}body.page-site-host .host-booking-form-card .field-label{display:block;font-size:.86rem;font-weight:600;color:var(--site-text);margin:0 0 .35rem}.host-booking-notice{display:flex;align-items:flex-start;gap:.55rem;margin:1.1rem 0 .85rem;padding:.85rem 1rem;border-radius:10px;font-size:.88rem;line-height:1.55;color:#92400e;background:var(--site-accent-soft);border:1px solid #e8d9a8}body.page-site-host .host-submit-btn{width:100%;margin-top:.25rem;border:none;cursor:pointer;font-family:inherit;border-radius:12px;min-height:3.25rem}body.page-site-host .host-submit-btn:disabled{opacity:.65;cursor:not-allowed;transform:none;box-shadow:none}.host-form-back-link{display:block;text-align:center;margin-top:1rem;color:var(--site-muted);font-size:.9rem;text-decoration:none;transition:color .15s}.host-form-back-link:hover{color:var(--site-primary)}body.page-site-host .host-booking-form-card .error-msg{margin-bottom:.75rem;padding:.65rem .85rem;border-radius:8px;background:#fef2f2;border:1px solid #fecaca;color:#b91c1c;font-size:.88rem}@media (max-width:900px){.host-booking-grid{grid-template-columns:1fr}.host-booking-info-card{position:static}.host-form-row{grid-template-columns:1fr}.host-form-row .host-form-field{margin-bottom:.85rem}}@media (max-width:480px){.host-booking-step-label{font-size:.75rem}.host-booking-steps{border-radius:16px;width:100%;justify-content:center}.host-booking-step.has-connector:after{display:none}}html{scroll-behavior:smooth}body.page-site-payment.page-payment{background:var(--site-bg);display:flex;flex-direction:column;min-height:100vh}.site-checkout-shell{display:flex;flex-direction:column;flex:1 1;width:100%;min-height:100vh}.payment-page-main{flex:1 1;display:flex;flex-direction:column;width:100%}.payment-page-hero{position:relative;padding:clamp(2.25rem,5vw,3.25rem) 1.25rem 1.75rem;background:linear-gradient(165deg,#fff,#eef6fa 42%,#f4f7fa);overflow:hidden;border-bottom:1px solid var(--site-border)}.payment-page-hero-inner{position:relative;z-index:1;width:100%;max-width:var(--site-max);margin:0 auto;padding:0 1.25rem;text-align:center;box-sizing:border-box}.payment-page-content{flex:1 1;width:100%;padding:clamp(1.75rem,4vw,2.75rem) 0 3rem;background:radial-gradient(circle at 0 0,rgba(12,110,138,.04),transparent 40%),var(--site-bg)}.payment-page-grid{width:100%;max-width:var(--site-max);margin:0 auto;padding:0 1.25rem;box-sizing:border-box;display:grid;grid-template-columns:minmax(280px,.95fr) minmax(320px,1.05fr);grid-gap:clamp(1.5rem,3vw,2.25rem);gap:clamp(1.5rem,3vw,2.25rem);align-items:start}.payment-page-grid:has(.payment-state-card){grid-template-columns:1fr;max-width:480px}.payment-form-card,.payment-state-card,.payment-summary-card{background:var(--site-surface);border:1px solid var(--site-border);border-radius:calc(var(--site-radius) + 2px);box-shadow:var(--site-shadow);padding:clamp(1.35rem,3vw,1.85rem)}.payment-summary-card{position:-webkit-sticky;position:sticky;top:calc(var(--site-header-h) + 1rem);border-top:4px solid var(--site-primary)}.payment-summary-card h2{font-size:1.2rem;color:var(--site-primary-dark);margin:.35rem 0 .5rem}.payment-summary-meta{color:var(--site-muted);font-size:.9rem;margin-bottom:.75rem}.payment-summary-card .payment-order-ref{font-size:.88rem;color:var(--site-muted);margin-bottom:.5rem}.payment-summary-card .payment-screen-ok{font-size:.85rem;color:var(--site-success);margin-bottom:1rem}.payment-summary-card .payment-total{margin-bottom:1rem}.payment-trust-list{list-style:none;margin:0;display:flex;flex-direction:column;gap:.4rem;font-size:.85rem;color:var(--site-muted);border-top:1px solid var(--site-border);padding:1rem 0 0}.payment-form-card .payment-submit-btn{width:100%;margin-top:.5rem;border:none;cursor:pointer;font-family:inherit}body.page-site-payment .consent-cancel,body.page-site-payment .host-form-back-link{display:block;text-align:center;margin-top:1rem;color:var(--site-muted);text-decoration:none;font-size:.9rem}body.page-site-payment .consent-cancel:hover,body.page-site-payment .host-form-back-link:hover{color:var(--site-primary)}.host-booking-step.is-done{background:var(--site-primary-soft);border-color:var(--site-primary);color:var(--site-primary-dark)}.host-booking-step.is-done .host-booking-step-num{background:var(--site-success);color:#fff}.payment-state-card{text-align:center;padding:2.5rem 1.5rem}.payment-state-icon{width:3rem;height:3rem;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;font-size:1.5rem;font-weight:700}.payment-state-icon-error{background:rgba(239,68,68,.12);color:#dc2626}.payment-success-icon{width:3rem;height:3rem;font-size:1.5rem;background:rgba(22,163,74,.12);color:var(--site-success)}.payment-state-card h2{font-size:1.35rem;color:var(--site-primary-dark);margin-bottom:.75rem}.payment-state-card .site-btn{margin-top:1.25rem;display:inline-flex}body.page-site-payment .payment-checkout{min-height:auto;background:transparent;padding:0;width:100%}@media (max-width:900px){.payment-page-grid{grid-template-columns:1fr}.payment-summary-card{position:static}}@media (max-width:768px){.payment-page-grid{grid-template-columns:1fr;padding:0 1rem}.payment-page-hero-inner{padding:0 1rem}.payment-summary-card{position:static}}.site-loader-inner{flex-direction:column;gap:1rem;padding:2rem}.site-loader-inner,.site-loader-logo-wrap{position:relative;display:flex;align-items:center}.site-loader-logo-wrap{z-index:2;width:92px;height:92px;justify-content:center;border-radius:22px;background:#fff;box-shadow:0 16px 40px rgba(12,110,138,.18);animation:siteLoaderFloat 2.4s ease-in-out infinite}.site-loader-logo{width:72px;height:72px;object-fit:contain;animation:siteLoaderPulse 1.6s ease-in-out infinite}.site-loader-orbit{position:absolute;inset:auto;top:50%;left:50%;width:148px;height:148px;margin:-74px 0 0 -74px;border-radius:50%;border:2px dashed rgba(12,110,138,.22);animation:siteLoaderSpin 8s linear infinite}.site-loader-orbit-dot{position:absolute;width:10px;height:10px;border-radius:50%;background:var(--site-primary);box-shadow:0 0 12px rgba(12,110,138,.45)}.site-loader-orbit-dot-1{top:-5px;left:50%;margin-left:-5px}.site-loader-orbit-dot-2{bottom:18px;left:8px;background:var(--site-accent);box-shadow:0 0 12px rgba(201,162,39,.45)}.site-loader-orbit-dot-3{bottom:18px;right:8px;opacity:.75}.site-loader-brand{margin:.75rem 0 0;font-size:1rem;font-weight:700;color:var(--site-primary-dark);letter-spacing:.02em;animation:siteLoaderFade 1.8s ease-in-out infinite}.site-loader-bar{width:min(220px,70vw);height:4px;border-radius:999px;background:rgba(12,110,138,.12);overflow:hidden}.site-loader-bar-fill{display:block;width:40%;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--site-primary),#38bdf8);animation:siteLoaderBar 1.2s ease-in-out infinite}@keyframes siteLoaderFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes siteLoaderPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.88}}@keyframes siteLoaderSpin{to{transform:rotate(1turn)}}@keyframes siteLoaderFade{0%,to{opacity:1}50%{opacity:.65}}@keyframes siteLoaderBar{0%{transform:translateX(-120%)}to{transform:translateX(280%)}}:root{--bg:#0f1419;--surface:#1a2332;--border:#2d3a4f;--text:#e7ecf3;--muted:#8b9cb3;--primary:#3b82f6;--primary-hover:#2563eb;--danger:#ef4444;--success:#22c55e;--warning:#f59e0b}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Segoe UI,system-ui,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;line-height:1.5}.container{max-width:640px;margin:0 auto;padding:2rem 1.25rem 3rem}.hero h1{font-size:2rem;font-weight:700}.subtitle{color:var(--muted);margin-top:.35rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1.25rem 1.5rem;margin-top:1.5rem}.info-card ul{margin:.75rem 0 0 1.25rem;color:var(--muted)}.info-card li{margin-bottom:.5rem}.actions{display:flex;flex-direction:column;gap:.75rem;margin-top:1.5rem}.btn{display:inline-block;text-align:center;text-decoration:none;padding:.85rem 1.25rem;border-radius:10px;font-weight:600;border:none;cursor:pointer;font-size:1rem;transition:background .15s}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-hover)}.btn-secondary{background:transparent;color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{border-color:var(--muted)}.btn-danger{background:var(--danger);color:#fff}.btn:disabled{opacity:.5;cursor:not-allowed}.legal-note{margin-top:2rem;font-size:.85rem;color:var(--muted)}.back-link{display:inline-block;margin-bottom:1rem;color:var(--muted);text-decoration:none;font-size:.9rem}.back-link:hover{color:var(--text)}.consent-box{border-left:4px solid var(--warning);padding-left:1rem;margin:1rem 0;color:var(--muted)}.consent-box label{display:flex;gap:.6rem;align-items:flex-start;cursor:pointer;color:var(--text);margin-top:.75rem}.session-box{margin-top:1rem;padding:1rem;background:#0d1117;border-radius:8px;border:1px dashed var(--border)}.session-code{font-family:ui-monospace,monospace;font-size:1.5rem;letter-spacing:.15em;color:var(--success);word-break:break-all}.copy-row{display:flex;gap:.5rem;margin-top:.75rem;flex-wrap:wrap}.copy-row input{flex:1 1;min-width:200px;padding:.5rem .75rem;border-radius:8px;border:1px solid var(--border);background:var(--bg);color:var(--text);font-size:.85rem}.status-bar{position:fixed;top:0;left:0;right:0;background:var(--danger);color:#fff;text-align:center;padding:.65rem 1rem;font-weight:600;z-index:1000;display:none}.status-bar.active{display:block}body.sharing-active{padding-top:3rem}.preview-wrap{margin-top:1rem;border-radius:10px;overflow:hidden;background:#000;aspect-ratio:16/9}.preview-wrap video{width:100%;height:100%;object-fit:contain}.viewer-video{width:100%;border-radius:10px;background:#000;min-height:240px}.field{margin-top:1rem}.field label{display:block;margin-bottom:.35rem;font-size:.9rem;color:var(--muted)}.field input{width:100%;padding:.75rem;border-radius:8px;border:1px solid var(--border);background:var(--bg);color:var(--text);font-size:1rem}.hint{font-size:.85rem;color:var(--muted);margin-top:.5rem}.error-msg{color:var(--danger);margin-top:.75rem;font-size:.9rem}.hidden{display:none!important}.network-card h2{font-size:1.1rem;margin-bottom:.5rem}.url-block{margin-top:1rem;padding:.75rem;background:#0d1117;border-radius:8px;border:1px solid var(--border)}.url-label{display:block;font-size:.8rem;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:.35rem}.url-link{display:block;color:var(--primary);word-break:break-all;font-size:.95rem;text-decoration:none;margin-top:.25rem}.url-link-public{color:var(--success)}.url-link-big{font-size:1.1rem;font-weight:600;padding:.5rem 0}.setup-steps{margin-top:.5rem}.phone-tip{margin-top:1rem;padding-top:.75rem;border-top:1px solid var(--border)}.select-input{width:100%;padding:.65rem .75rem;border-radius:8px;border:1px solid var(--border);background:var(--bg);color:var(--text);font-size:.95rem}html:-webkit-full-screen{background:var(--bg)}html:-webkit-full-screen,html:fullscreen{background:var(--bg)}body.code-ready,body.fs-mode,body.watching-live{overflow:hidden}body.code-ready .host-layout,body.fs-mode .container,body.watching-live .container{max-width:none;width:100%;min-height:100vh;min-height:100dvh;padding:1rem;margin:0;display:flex;flex-direction:column;justify-content:center}body.code-ready .host-layout{padding-top:.5rem}.code-hero{width:100%;flex:1 1;display:flex;flex-direction:column;justify-content:center}.code-panel{text-align:center;border:none;background:transparent;padding:.5rem}.code-label{color:var(--muted);font-size:.9rem;text-transform:uppercase;letter-spacing:.06em}.code-hero .session-code{font-size:clamp(2.5rem,12vw,4.5rem);margin:.75rem 0 1rem;letter-spacing:.2em}.btn-lg{width:100%;padding:1rem 1.25rem;font-size:1.05rem;margin-top:.75rem}.notice-box{background:rgba(245,158,11,.15);border:1px solid var(--warning);border-radius:8px;padding:.75rem 1rem;margin-bottom:1rem;font-size:.9rem;color:var(--text)}.page-host,.page-viewer{background:var(--bg)}.host-layout,.viewer-layout{min-height:100vh;min-height:100dvh}body.watching-live .viewer-layout{padding:0;max-width:none}.watch-full{position:fixed;inset:0;z-index:50;background:#000;margin:0;border:none;border-radius:0;padding:0}.viewer-video-full{width:100%;height:100%;object-fit:contain;background:#000}.watch-overlay-status{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:60;color:#fff;background:rgba(0,0,0,.65);padding:.75rem 1.25rem;border-radius:8px;font-size:.95rem}.btn-fs-overlay{position:absolute;bottom:1rem;right:1rem;z-index:70;padding:.5rem 1rem;border-radius:8px}body.sharing-live .code-panel #shareScreenBtn,body.sharing-live .code-panel .copy-row,body.sharing-live .code-panel .field,body.sharing-live .code-panel .hint{display:none}.stream-panel{flex:1 1;display:flex;flex-direction:column;margin-top:.5rem}.preview-full{flex:1 1;min-height:50vh;border-radius:0}body.sharing-live .preview-full{position:fixed;inset:0;top:2.5rem;z-index:40;aspect-ratio:unset}body.sharing-live .stream-panel .btn-danger{position:fixed;bottom:1rem;left:1rem;right:1rem;z-index:70;width:auto}.host-title,.viewer-title{font-size:1.35rem;margin-bottom:.5rem}.capture-actions{display:flex;flex-direction:column;gap:.6rem;margin-top:.75rem}.is-mobile-host .capture-actions .btn-secondary{border-color:var(--primary);color:var(--primary)}.mobile-hint{margin-top:.75rem;padding:.5rem .75rem;background:rgba(59,130,246,.1);border-radius:8px}.mobile-host-banner{background:#dbeafe;border-color:#3b82f6;color:#1e3a8a}.mobile-host-banner a{color:#1d4ed8;font-weight:600}.is-mobile-host .consent-share-note{background:rgba(59,130,246,.12);padding:.65rem .75rem;border-radius:8px}.mobile-watch-link{display:block;margin-top:.75rem;text-align:center;font-weight:600}body.sharing-camera .status-bar{background:#7c3aed}#secureNotice:not(.hidden){display:block;margin-bottom:.75rem}.page-host-minimal{min-height:100vh;min-height:100dvh;background:var(--bg)}.consent-modal{position:fixed;inset:0;z-index:2000;display:flex;align-items:center;justify-content:center;padding:1.25rem;background:rgba(0,0,0,.92)}.consent-modal.hidden{display:none!important}.consent-modal-card{width:100%;max-width:400px;text-align:center;padding:2rem 1.5rem;background:var(--surface);border:1px solid var(--border);border-radius:16px}.consent-modal-card h1{font-size:1.25rem;line-height:1.35;font-weight:600}.consent-modal-text{color:var(--muted);font-size:.9rem;margin:1rem 0 1.25rem}.consent-share-note{font-size:.82rem;color:#fbbf24;background:rgba(251,191,36,.12);padding:.5rem .65rem;border-radius:8px;margin:-.5rem 0 1rem;line-height:1.4}.screen-guide-card h2{font-size:1.15rem;margin-bottom:.75rem}.screen-guide-steps{text-align:right;margin:0 0 1.25rem;padding-right:1.25rem;color:var(--text);font-size:.92rem;line-height:1.55}.screen-guide-steps li{margin-bottom:.5rem}.screen-guide-card .btn-lg{width:100%;margin-bottom:.5rem}.consent-cancel{display:inline-block;margin-top:1rem;color:var(--muted);font-size:.9rem;text-decoration:none}.consent-cancel:hover{color:var(--text)}.consent-modal .error-msg{margin-bottom:.75rem}.live-section.hidden{display:none}.hidden-preview{position:fixed;width:1px;height:1px;opacity:0;pointer-events:none}.share-approved-overlay,.share-starting-overlay{position:fixed;inset:0;z-index:3500;display:flex;align-items:center;justify-content:center;background:rgba(240,244,248,.97)}.share-approved-overlay.hidden,.share-starting-overlay.hidden{display:none!important}.share-starting-text{font-size:1.2rem;color:#0f172a;font-weight:600}.share-approved-card{text-align:center;padding:2rem 2.5rem;background:#fff;border-radius:20px;border:2px solid #22c55e;box-shadow:0 12px 40px rgba(34,197,94,.2);max-width:90vw}.share-approved-icon{display:flex;align-items:center;justify-content:center;width:72px;height:72px;margin:0 auto 1rem;border-radius:50%;background:#22c55e;color:#fff;font-size:2.5rem;font-weight:700}.share-approved-card h2{font-size:1.5rem;color:#0f172a;margin-bottom:.5rem}.share-approved-card p{color:#334155;font-size:1.05rem}.share-approved-sub{margin-top:1rem;color:#16a34a!important;font-family:ui-monospace,monospace}.http-warning-banner{position:fixed;top:0;left:0;right:0;z-index:5000;padding:.65rem 1rem;background:#fef3c7;color:#92400e;border-bottom:2px solid #f59e0b;font-size:.85rem;line-height:1.45;text-align:center}.http-warning-banner a{color:#b45309;font-weight:700;word-break:break-all}body:has(.http-warning-banner) .consent-modal{padding-top:3.5rem}.share-hint-banner{position:fixed;top:.75rem;left:50%;transform:translateX(-50%);z-index:2400;max-width:calc(100vw - 1.5rem);padding:.65rem 1rem;background:#fef3c7;color:#92400e;border:1px solid #f59e0b;border-radius:10px;font-size:.85rem;font-weight:600;text-align:center;box-shadow:0 4px 16px rgba(0,0,0,.12)}.share-hint-banner.hidden{display:none}.btn-stop-float{position:fixed;bottom:1.25rem;right:1.25rem;z-index:1100;padding:.75rem 1.25rem;border-radius:999px;box-shadow:0 4px 20px rgba(0,0,0,.4)}body.sharing-started .btn-stop-float{display:block}body:not(.sharing-started) .btn-stop-float{display:none}body.page-host-minimal.sharing-live{background:#f0f4f8!important;color:#0f172a}body.page-host-minimal.sharing-live .sharing-live-status{background:#fff;border:2px solid #22c55e;box-shadow:0 8px 32px rgba(15,23,42,.12)}body.page-host-minimal.sharing-live .sharing-live-text{color:#0f172a}body.page-host-minimal.sharing-live .sharing-live-label{color:#16a34a}body.page-host-minimal.sharing-live .sharing-live-sep{color:#64748b}.sharing-live-status{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2500;display:none;flex-direction:row;align-items:center;justify-content:center;gap:1rem;max-width:calc(100vw - 2rem);padding:1.1rem 1.5rem;background:#fff;border:2px solid rgba(34,197,94,.65);border-radius:16px;box-shadow:0 8px 32px rgba(15,23,42,.14);pointer-events:none}.sharing-live-status.active{display:flex;animation:live-status-in .45s ease forwards}.sharing-live-check{flex-shrink:0;display:flex;filter:drop-shadow(0 2px 8px rgba(34,197,94,.45))}.sharing-live-text{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.35rem .45rem;color:#fff;font-weight:600;font-size:clamp(.95rem,3.2vw,1.3rem);line-height:1.35;text-align:center}.sharing-live-label{color:#16a34a;font-weight:700;letter-spacing:.02em}.sharing-live-sep{color:var(--muted)}.sharing-live-code strong{color:var(--success);font-weight:700;letter-spacing:.14em;font-family:ui-monospace,monospace}@keyframes live-status-in{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}body.sharing-live .btn-stop-float{z-index:2600}.share-success-overlay{position:fixed;inset:0;z-index:3000;display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgba(0,0,0,.75);pointer-events:none;opacity:0;transition:opacity .35s ease}.share-success-overlay.visible{opacity:1}.share-success-overlay.hidden{display:none!important}.share-success-circle{width:clamp(120px,28vw,180px);height:clamp(120px,28vw,180px);border-radius:50%;background:linear-gradient(145deg,#22c55e,#16a34a);display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 12px rgba(34,197,94,.25),0 12px 40px rgba(0,0,0,.45);transform:scale(.4);opacity:0}.share-success-circle,.share-success-overlay.visible .share-success-circle{animation:success-pop .55s cubic-bezier(.34,1.56,.64,1) forwards}.share-success-check{width:55%;height:55%}.share-success-check-circle{stroke:hsla(0,0%,100%,.35);stroke-width:2}.share-success-check-mark{stroke:#fff;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:48;stroke-dashoffset:48;animation:success-draw .45s ease .35s forwards}.share-success-title{margin-top:1.25rem;font-size:clamp(1.25rem,4vw,1.75rem);font-weight:700;color:#fff;opacity:0;animation:success-fade-up .4s ease .5s forwards}.share-success-code{margin-top:.5rem;font-size:clamp(1rem,3vw,1.25rem);font-family:ui-monospace,monospace;color:var(--success);letter-spacing:.12em;opacity:0;animation:success-fade-up .4s ease .65s forwards}@keyframes success-pop{to{transform:scale(1);opacity:1}}@keyframes success-draw{to{stroke-dashoffset:0}}@keyframes success-fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.page-index .hero-uae .hero-badge{display:inline-block;margin-bottom:.5rem;padding:.25rem .75rem;border-radius:999px;background:rgba(14,165,233,.15);color:#0369a1;font-size:.9rem}.consent-brand-badge{text-align:center;color:#0369a1;font-size:.9rem;margin-bottom:.5rem}.field-label{display:block;text-align:right;font-size:.85rem;color:#64748b;margin:.75rem 0 .25rem}.consent-input,.consent-modal-card select.consent-input{width:100%;padding:.65rem .75rem;border:1px solid #cbd5e1;border-radius:8px;font-size:1rem;background:#fff}.privacy-card{direction:rtl;max-width:600px;margin:1.5rem auto 2rem;padding:1.5rem;border:1px solid #e2e8f0;border-radius:12px;background:#f8fafc}.privacy-card-head{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.privacy-card h2{margin:0;font-size:1.15rem}.privacy-footer{text-align:center;color:#1e3a8a;background:#eff6ff;padding:.65rem;border-radius:8px;margin:0}.payment-card .payment-amount{font-size:1.25rem;font-weight:700;color:#0c4a6e;margin:.75rem 0}.payment-note{font-size:.9rem;color:#64748b}.payment-pay-btn{display:block;width:100%;margin:1rem 0 .5rem;text-align:center;text-decoration:none}.payment-status{color:#16a34a;font-weight:600}.btn-link-skip{background:none;border:none;color:#64748b;text-decoration:underline;cursor:pointer;margin-top:.5rem;font-size:.9rem}.page-payment{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#f0f9ff}.payment-page-card{max-width:420px;margin:2rem auto;text-align:center}.payment-loader{color:#0369a1;font-weight:600;margin-bottom:1rem}.payment-checkout{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.5rem 1rem;background:linear-gradient(160deg,#e0f2fe,#f0f9ff 45%,#f8fafc)}.payment-checkout-card{width:100%;max-width:440px;background:#fff;border-radius:16px;box-shadow:0 12px 40px rgba(12,74,110,.12);border:1px solid #e2e8f0;padding:1.75rem 1.5rem 1.5rem}.payment-checkout-header{text-align:center;margin-bottom:1.25rem}.payment-checkout-header h1{font-size:1.35rem;margin:.25rem 0;color:#0f172a}.payment-brand{color:#0369a1;font-size:.85rem;margin:0}.payment-order-line{color:#475569;margin:.35rem 0}.payment-order-ref{font-size:.9rem;color:#64748b}.payment-total{margin-top:1rem;padding:.85rem;background:#f0f9ff;border-radius:10px;border:1px solid #bae6fd}.payment-total span{display:block;font-size:1.35rem;font-weight:700;color:#0c4a6e}.payment-total small{color:#64748b;font-size:.8rem}.payment-total-empty span{font-size:1rem;font-weight:600;color:#64748b}.amount-input-wrap{position:relative}.amount-input{padding-left:3.5rem;font-size:1.15rem;font-weight:600}.amount-suffix{position:absolute;left:.85rem;top:50%;transform:translateY(-50%);font-size:.8rem;font-weight:700;color:#64748b;letter-spacing:.04em}.payment-screen-ok{font-size:.85rem;color:#15803d;background:#dcfce7;border:1px solid #86efac;border-radius:8px;padding:.45rem .65rem;margin:.75rem 0 0}.card-brands{display:grid;grid-template-columns:1fr 1fr;grid-gap:.5rem;gap:.5rem;margin-bottom:1rem}.card-brand{padding:.65rem;border:2px solid #e2e8f0;border-radius:10px;background:#fff;cursor:pointer;transition:border-color .15s,background .15s}.card-brand.active{border-color:#0284c7;background:#f0f9ff}.card-brand-label{font-weight:700;font-size:.95rem;color:#0f172a}.card-brand[data-brand=visa] .card-brand-label{color:#1a1f71}.card-brand[data-brand=mastercard] .card-brand-label{color:#eb001b}.card-payment-form .field-label{margin-top:.65rem}.card-input-wrap{position:relative}.card-type-badge{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);font-size:.7rem;font-weight:800;color:#64748b;letter-spacing:.05em}.card-input-wrap .consent-input{padding-left:3rem}.card-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:.75rem;gap:.75rem}.payment-secure-note{font-size:.78rem;color:#64748b;line-height:1.5;margin:1rem 0 .5rem;text-align:center}.payment-api-pending{background:#fffbeb;border:1px solid #fcd34d;color:#92400e;padding:.65rem .75rem;border-radius:8px;font-size:.85rem;text-align:center;margin-bottom:.75rem}.payment-api-wait{text-align:center;padding:.75rem;color:#0369a1}.payment-spinner{width:32px;height:32px;margin:0 auto .5rem;border:3px solid #bae6fd;border-top-color:#0284c7;border-radius:50%;animation:payment-spin .8s linear infinite}@keyframes payment-spin{to{transform:rotate(1turn)}}.payment-submit-btn{width:100%;margin-top:.5rem}.payment-success{text-align:center}.payment-success-icon{width:56px;height:56px;margin:0 auto 1rem;background:#22c55e;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.75rem;font-weight:700}