@import "https://fonts.googleapis.com/css2?family=Alexandria:wght@300;400;500;600;700;800&family=Manrope:wght@300;400;500;600;700;800&display=swap";
:root{--green:#5b704c;--deep:#08140e;--deep2:#102219;--clay:#b9523d;--cream:#f5efe4;--paper:#fbf8f2;--ink:#132019;--muted:#718077;--line:#ffffff21;--ease:cubic-bezier(.16,1,.3,1);--shadow:0 30px 90px #00000047}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--deep);color:var(--cream);margin:0;font-family:Alexandria,Manrope,sans-serif;overflow-x:hidden}html[dir=ltr] body{font-family:Manrope,Alexandria,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{color:inherit}body:after{content:"";z-index:9999;pointer-events:none;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.site-header{z-index:1000;-webkit-backdrop-filter:blur(20px)saturate(140%);backdrop-filter:blur(20px)saturate(140%);background:#08140ead;border:1px solid #ffffff24;border-radius:23px;justify-content:space-between;align-items:center;width:min(1240px,100% - 28px);height:72px;padding:0 14px 0 18px;display:flex;position:fixed;top:16px;left:50%;transform:translate(-50%);box-shadow:0 14px 45px #0003}.brand{align-items:center;gap:11px;display:flex}.brand img{object-fit:contain;background:#ffffff0d;border-radius:13px;width:48px;height:48px;padding:4px}.brand strong{font-size:14px;display:block}.brand small{letter-spacing:.18em;color:#ffffff80;font-size:9px}.nav{align-items:center;gap:3px;display:flex}.nav a,.nav button{color:#ffffffab;cursor:pointer;transition:.35s var(--ease);background:0 0;border:0;border-radius:13px;padding:11px 13px;font-size:12px}.nav a:hover,.nav a.active,.nav button:hover{color:#fff;background:#ffffff17}.nav .cta{background:var(--clay);color:#fff}.nav .account{border:1px solid #ffffff26}.menu-toggle{background:0 0;border:0;font-size:22px;display:none}.lang-switch{min-width:48px}.page-progress{height:3px;width:var(--progress,0%);background:var(--clay);z-index:1100;position:fixed;top:0;left:0}.hero{background:radial-gradient(circle at 78% 20%,#c55b423d,#0000 24%),radial-gradient(circle at 22% 82%,#60754f52,#0000 28%),linear-gradient(145deg,#07110c,#11261a 50%,#0a1710);place-items:center;min-height:100svh;display:grid;position:relative;overflow:hidden}.hero:before{content:"";background:conic-gradient(from 90deg,#0000,#ffffff09,#0000 22%);animation:18s linear infinite ambient;position:absolute;inset:-30%}@keyframes ambient{to{transform:rotate(360deg)}}.game-stage{perspective:1200px;transform-style:preserve-3d;position:absolute;inset:0}.court-wrap{width:min(950px,92vw);height:590px;transform-style:preserve-3d;opacity:.72;will-change:transform,opacity;filter:drop-shadow(0 50px 55px #00000061);position:absolute;top:61%;left:50%;transform:translate(-50%,-50%)rotateX(63deg)rotate(-4deg)}.court{background:linear-gradient(90deg,#0000 49.7%,#f5efe485 49.8% 50.2%,#0000 50.3%),linear-gradient(#0000 49.7%,#f5efe485 49.8% 50.2%,#0000 50.3%),linear-gradient(145deg,#a94431,#cc654b);border:4px solid #f5efe494;position:absolute;inset:0;box-shadow:inset 0 0 0 18px #08140e6b,0 0 80px #c55b422e}.court:before,.court:after{content:"";background:#f5efe48c;width:1px;position:absolute;top:0;bottom:0}.court:before{left:24%}.court:after{right:24%}.net{background:repeating-linear-gradient(0deg,#ffffff8c 0 2px,#0000 2px 8px),#08140ed9;width:11px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)translateZ(34px)}.wall{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#60754f1f;border:2px solid #98bf7b73;position:absolute}.wall.back{transform-origin:top;height:125px;top:0;left:0;right:0;transform:rotateX(-90deg)}.wall.side1{transform-origin:0;width:125px;top:0;bottom:0;left:0;transform:rotateY(90deg)}.wall.side2{transform-origin:100%;width:125px;top:0;bottom:0;right:0;transform:rotateY(-90deg)}.ball{z-index:7;will-change:transform,left,top;background:radial-gradient(circle at 33% 24%,#f1f67c,#bdc947 55%,#758321);border-radius:50%;width:46px;height:46px;position:absolute;top:43%;left:14%;box-shadow:0 18px 34px #0000006b,inset -6px -8px 13px #0003}.ball:after{content:"";border:2px solid #ffffff94;border-color:#ffffff94 #ffffff94 #0000 #0000;border-radius:50%;position:absolute;inset:5px;transform:rotate(28deg)}.racket{border:8px solid var(--green);filter:drop-shadow(0 18px 22px #00000059);opacity:.55;background:radial-gradient(circle,#ffffff1f 1.7px,#0000 2px) 0 0/10px 10px;border-radius:52% 52% 46% 46%;width:105px;height:145px;position:absolute}.racket:after{content:"";background:var(--clay);border-radius:10px;width:22px;height:68px;position:absolute;bottom:-58px;left:50%;transform:translate(-50%)}.racket.one{top:24%;left:8%;transform:rotate(-22deg)}.racket.two{bottom:19%;right:9%;transform:rotate(25deg)scale(.82)}.hero-copy{z-index:5;text-align:center;width:min(980px,90%);padding-top:90px;position:relative}.eyebrow{letter-spacing:.16em;color:#ffffff9e;text-transform:uppercase;align-items:center;gap:10px;font-size:11px;display:inline-flex}.eyebrow:before{content:"";background:var(--clay);width:38px;height:1px}h1{letter-spacing:-.065em;margin:28px 0 22px;font-size:clamp(65px,11vw,166px);line-height:.86}h1 span{color:var(--clay);display:block}.hero-copy p{color:#ffffffb3;max-width:720px;margin:auto;font-size:clamp(15px,1.45vw,20px);line-height:2}.scroll-cue{z-index:5;color:#ffffff73;align-items:center;gap:12px;font-size:10px;display:flex;position:absolute;bottom:31px;left:50%;transform:translate(-50%)}.scroll-cue i{background:#ffffff2e;width:60px;height:1px;overflow:hidden}.scroll-cue i:after{content:"";background:var(--clay);width:20px;height:1px;animation:scan 1.8s var(--ease) infinite;display:block}@keyframes scan{0%{transform:translate(-25px)}to{transform:translate(65px)}}.section{align-items:center;min-height:100svh;padding:145px max(6vw,26px) 95px;display:flex;position:relative;overflow:hidden}.section.light{background:var(--paper);color:var(--ink)}.section.dark{background:var(--deep)}.section.clay{background:var(--clay)}.section-grid{grid-template-columns:1fr 1fr;align-items:center;gap:76px;width:min(1180px,100%);margin:auto;display:grid}.section h2{letter-spacing:-.045em;margin:16px 0 25px;font-size:clamp(43px,6.7vw,91px);line-height:1.05}.section p{opacity:.7;max-width:650px;font-size:15px;line-height:2.05}.big-number{letter-spacing:-.09em;color:#ffffff0b;font-size:clamp(130px,22vw,330px);font-weight:800;line-height:.7;position:absolute;bottom:28px;left:-15px}.light .big-number{color:#1320190d}.feature-stack{gap:14px;display:grid}.feature{transition:.5s var(--ease);background:#ffffff09;border:1px solid #ffffff1f;border-radius:25px;grid-template-columns:58px 1fr;align-items:center;gap:16px;padding:23px;display:grid}.light .feature{background:#13201906;border-color:#1320191a}.feature:hover{background:#ffffff12;transform:translateY(-6px)}.feature-icon{background:var(--clay);border-radius:19px;place-items:center;width:58px;height:58px;font-weight:700;display:grid}.feature h3{margin:0 0 7px;font-size:17px}.feature p{margin:0;font-size:13px;line-height:1.75}.kpi-row{grid-template-columns:repeat(3,1fr);gap:13px;margin-top:34px;display:grid}.kpi{background:#ffffff0e;border:1px solid #ffffff1f;border-radius:23px;padding:23px}.kpi strong{color:var(--clay);font-size:31px;display:block}.kpi span{color:#ffffff8c;font-size:11px}.orbit{aspect-ratio:1;width:min(490px,86vw);margin:auto;position:relative}.orbit:before,.orbit:after{content:"";border:1px solid #ffffff26;border-radius:50%;animation:18s linear infinite spin;position:absolute;inset:7%}.orbit:after{animation-duration:11s;animation-direction:reverse;inset:23%}.orbit-core{background:var(--clay);border-radius:50%;place-items:center;font-size:42px;display:grid;position:absolute;inset:36%;box-shadow:0 0 90px #c55b4261}.orbit-dot{background:#cbd65c;border-radius:50%;width:18px;height:18px;position:absolute;box-shadow:0 0 24px #cbd65c80}.orbit-dot:nth-child(2){top:8%;left:48%}.orbit-dot:nth-child(3){top:45%;right:5%}.orbit-dot:nth-child(4){bottom:7%;left:33%}.orbit-dot:nth-child(5){top:40%;left:4%}@keyframes spin{to{transform:rotate(360deg)}}.primary,.secondary{transition:.35s var(--ease);cursor:pointer;border-radius:16px;justify-content:center;align-items:center;gap:8px;padding:15px 21px;font-size:13px;font-weight:700;display:inline-flex}.primary{background:var(--clay);color:#fff;border:0;box-shadow:0 14px 34px #c55b4247}.primary:hover{transform:translateY(-4px);box-shadow:0 20px 44px #c55b425c}.secondary{background:#ffffff0d;border:1px solid #ffffff29}.panel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);width:min(1030px,100%);box-shadow:var(--shadow);background:#ffffff0d;border:1px solid #ffffff24;border-radius:34px;margin:auto;padding:35px}.form-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.field{gap:8px;display:grid}.field.full{grid-column:1/-1}.field label{color:#ffffff94;font-size:11px}.field input,.field select,.field textarea{color:#fff;background:#00000024;border:1px solid #ffffff26;border-radius:16px;outline:none;width:100%;padding:15px 16px;transition:all .3s}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--clay);box-shadow:0 0 0 4px #c55b421f}.field option{color:#111}.field textarea{resize:vertical;min-height:115px}.auth-shell{background:radial-gradient(circle at 78% 15%,#c55b4236,#0000 24%),linear-gradient(145deg,#07110c,#11261a);place-items:center;min-height:100svh;padding:125px 24px 60px;display:grid}.auth-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);width:min(520px,100%);box-shadow:var(--shadow);background:#ffffff0e;border:1px solid #ffffff24;border-radius:32px;padding:34px}.auth-card .logo-center{text-align:center;margin-bottom:25px}.auth-card .logo-center img{width:100px}.auth-tabs{background:#00000029;border-radius:16px;grid-template-columns:1fr 1fr;margin-bottom:22px;padding:5px;display:grid}.auth-tabs button{cursor:pointer;background:0 0;border:0;border-radius:12px;padding:12px}.auth-tabs button.active{background:var(--clay)}.auth-form{display:none}.auth-form.active{gap:14px;display:grid}.helper{color:#ffffff80;font-size:11px;line-height:1.7}.booking-gate{text-align:center;padding:80px 25px}.booking-gate img{width:115px;margin-inline:auto}.booking-gate h3{margin-inline:auto}.booking-gate p{max-width:480px;margin:12px auto 22px;line-height:1.8}.booking-gate .primary{margin-inline:auto}.user-bar{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:18px;justify-content:space-between;align-items:center;gap:18px;margin-bottom:25px;padding:15px 17px;display:flex}.slots{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.slot{text-align:center;cursor:pointer;background:#ffffff09;border:1px solid #ffffff24;border-radius:14px;padding:13px;transition:all .3s}.slot:hover,.slot.selected{background:var(--clay);border-color:var(--clay)}.slot.busy{opacity:.35;pointer-events:none;text-decoration:line-through}.contact-cards{grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:24px;display:grid}.contact-card{background:#ffffff0d;border:1px solid #ffffff1f;border-radius:24px;padding:26px}.contact-card small{color:#ffffff80;margin-bottom:9px;display:block}.footer{background:#050d09;border-top:1px solid #ffffff14;padding:42px max(6vw,26px)}.footer-inner{justify-content:space-between;align-items:center;gap:20px;width:min(1180px,100%);margin:auto;display:flex}.footer img{width:58px}.footer p{color:#ffffff73;margin:0;font-size:11px}.reveal{opacity:0;transition:1s var(--ease);transform:translateY(38px)}.reveal.in{opacity:1;transform:none}.float{animation:5s ease-in-out infinite float}@keyframes float{50%{transform:translateY(-13px)}}.toast{opacity:0;z-index:2000;color:var(--ink);box-shadow:var(--shadow);transition:.4s var(--ease);background:#fff;border-radius:15px;padding:14px 20px;font-size:13px;position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px)}.toast.show{opacity:1;transform:translate(-50%)}@media (max-width:920px){.nav{background:#08140ef7;border:1px solid #ffffff21;border-radius:21px;flex-direction:column;align-items:stretch;padding:14px;display:none;position:fixed;top:96px;left:14px;right:14px}.nav.open{display:flex}.menu-toggle{display:block}.brand-copy{display:none}.section-grid{grid-template-columns:1fr;gap:48px}.court-wrap{width:760px;top:65%;left:43%}.racket{opacity:.3}.kpi-row,.contact-cards,.slots{grid-template-columns:1fr 1fr}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.footer-inner{text-align:center;flex-direction:column}}@media (max-width:560px){.site-header{height:66px}.brand img{width:43px;height:43px}.hero-copy{padding-top:70px}.hero h1{font-size:clamp(58px,19vw,100px)}.section{padding-inline:22px}.panel,.auth-card{padding:23px}.kpi-row,.contact-cards,.slots{grid-template-columns:1fr}.court-wrap{opacity:.52;left:35%}.scroll-cue{bottom:22px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:root{--brand-green:#5b704c;--brand-clay:#b9523d;--cursor-x:50vw;--cursor-y:50vh}@media (pointer:fine){body,body *{cursor:none!important}}.padel-cursor{z-index:10000;pointer-events:none;width:24px;height:24px;transform:translate3d(calc(var(--cursor-x) - 50%),calc(var(--cursor-y) - 50%),0);transition:width .25s var(--ease),height .25s var(--ease),filter .25s var(--ease);will-change:transform;background:radial-gradient(circle at 35% 28%,#fff 0 7%,#dce67d 8% 18%,#b9c94d 42%,#71802f 100%);border-radius:50%;position:fixed;top:0;left:0;box-shadow:0 6px 18px #0000004d,0 0 0 1px #ffffff40}.padel-cursor:before,.padel-cursor:after{content:"";border:1.5px solid #ffffffb3;border-color:#ffffffb3 #ffffffb3 #0000 #0000;border-radius:50%;position:absolute;inset:4px;transform:rotate(30deg)}.padel-cursor:after{inset:7px;transform:rotate(210deg)}.padel-cursor.is-hover{filter:brightness(1.08);width:38px;height:38px;box-shadow:0 10px 30px #00000052,0 0 0 8px #b9523d1f}.cursor-trail{background:var(--brand-clay);pointer-events:none;z-index:9998;opacity:.55;border-radius:50%;width:7px;height:7px;animation:.55s ease-out forwards trailFade;position:fixed;transform:translate(-50%,-50%)}@keyframes trailFade{to{opacity:0;transform:translate(-50%,-50%)scale(.2)}}.motion-grid{z-index:-1;pointer-events:none;opacity:.14;-webkit-mask-image:radial-gradient(circle at var(--cursor-x) var(--cursor-y),#000,transparent 45%);mask-image:radial-gradient(circle at var(--cursor-x) var(--cursor-y),#000,transparent 45%);background-image:linear-gradient(#5b704c40 1px,#0000 1px),linear-gradient(90deg,#5b704c40 1px,#0000 1px);background-size:72px 72px;position:fixed;inset:0}.ambient-ball{background:var(--brand-clay);z-index:0;pointer-events:none;opacity:.2;filter:blur(.2px);width:10px;height:10px;animation:ambientBall var(--dur,12s) ease-in-out infinite alternate;animation-delay:var(--delay,0s);border-radius:50%;position:fixed}@keyframes ambientBall{0%{transform:translate3d(var(--x1),var(--y1),0) scale(.6)}to{transform:translate3d(var(--x2),var(--y2),0) scale(1.35)}}.hero-copy>*{will-change:transform}.hero h1{filter:drop-shadow(0 16px 34px #0003)}.hero h1 span{position:relative}.hero h1 span:after{content:"";background:var(--brand-green);transform-origin:100%;height:.08em;animation:titleLine 1.2s .6s var(--ease) forwards;border-radius:999px;position:absolute;bottom:-.08em;left:8%;right:8%;transform:scaleX(0)}@keyframes titleLine{to{transform:scaleX(1)}}.section:after{content:"";opacity:.035;pointer-events:none;border:1px solid;border-radius:50%;width:38vw;height:38vw;animation:30s linear infinite slowOrbit;position:absolute;top:-12vw;right:-19vw}@keyframes slowOrbit{to{transform:rotate(360deg)}}.feature,.kpi,.contact-card,.panel{transform-style:preserve-3d;will-change:transform}.feature:after,.kpi:after,.contact-card:after{content:"";border-radius:inherit;transition:transform .8s var(--ease);pointer-events:none;background:linear-gradient(120deg,#0000 35%,#ffffff1c,#0000 65%);position:absolute;inset:0;transform:translate(-130%)}.feature:hover:after,.kpi:hover:after,.contact-card:hover:after{transform:translate(130%)}.feature,.kpi,.contact-card{position:relative;overflow:hidden}.feature-icon{transition:transform .55s var(--ease),border-radius .55s var(--ease)}.feature:hover .feature-icon{border-radius:50%;transform:rotate(-8deg)scale(1.08)}.padel-marquee{background:var(--brand-green);color:#fff;white-space:nowrap;z-index:4;border-block:1px solid #ffffff1a;padding:15px 0;position:relative;overflow:hidden}.padel-marquee-track{gap:42px;min-width:max-content;animation:24s linear infinite marquee;display:inline-flex}.padel-marquee span{letter-spacing:.14em;font-size:12px;font-weight:800}.padel-marquee b{color:var(--brand-clay)}@keyframes marquee{to{transform:translate(-50%)}}html[dir=rtl] .padel-marquee-track{animation-name:marqueeR}@keyframes marqueeR{to{transform:translate(50%)}}.hit-flash{pointer-events:none;z-index:9997;background:radial-gradient(circle at var(--cursor-x) var(--cursor-y),#b9523d2e,transparent 18%);opacity:0;position:fixed;inset:0}.hit-flash.play{animation:.34s ease-out hitFlash}@keyframes hitFlash{0%{opacity:1}to{opacity:0}}.ball{animation:2.6s ease-in-out infinite ballPulse}@keyframes ballPulse{50%{box-shadow:0 22px 42px #00000075,0 0 28px #b9523d40,inset -6px -8px 13px #0003}}.racket.one{animation:5s ease-in-out infinite racketOne}.racket.two{animation:6s ease-in-out infinite racketTwo}@keyframes racketOne{50%{transform:rotate(-12deg)translateY(-12px)}}@keyframes racketTwo{50%{transform:rotate(16deg)scale(.86)translateY(10px)}}.site-header{transition:transform .45s var(--ease),background .45s ease,box-shadow .45s ease}.site-header.scrolled{background:#08140ee6;transform:translate(-50%)scale(.985);box-shadow:0 18px 55px #0000004d}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.padel-cursor,.motion-grid,.ambient-ball{display:none!important}}html[lang=ar] body,html[lang=ar] button,html[lang=ar] input,html[lang=ar] select,html[lang=ar] textarea{font-family:Alexandria,Noto Kufi Arabic,Tahoma,Arial,sans-serif}html[lang=ar] h1,html[lang=ar] h2,html[lang=ar] h3,html[lang=ar] .eyebrow,html[lang=ar] .nav a,html[lang=ar] .nav button,html[lang=ar] .padel-marquee span{font-feature-settings:"liga" 1,"calt" 1;font-kerning:normal;letter-spacing:0!important;text-transform:none!important}html[lang=ar] .padel-marquee-track{direction:rtl}html[lang=ar] .padel-marquee span{word-spacing:.08em;white-space:nowrap;font-weight:700}.padel-marquee span.ar{direction:rtl;unicode-bidi:isolate;font-family:Alexandria,Noto Kufi Arabic,Tahoma,sans-serif}.padel-marquee span.en{letter-spacing:.08em;direction:ltr;unicode-bidi:isolate;font-family:Manrope,sans-serif}.intro-page{background:var(--deep);cursor:none;min-height:100svh;overflow:hidden}.intro-page .padel-cursor{z-index:20000}.intro-scene{isolation:isolate;background:radial-gradient(circle at 78% 18%,#b9523d3d,#0000 25%),radial-gradient(circle at 20% 80%,#5b704c47,#0000 30%),linear-gradient(145deg,#07110c,#102219 52%,#08140e);place-items:center;min-height:100svh;display:grid;position:relative;overflow:hidden}.intro-noise{pointer-events:none;z-index:20;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.intro-glow{filter:blur(80px);opacity:.32;border-radius:50%;animation:8s ease-in-out infinite alternate introGlow;position:absolute}.intro-glow-a{background:var(--clay);width:34vw;height:34vw;top:-10vw;right:-10vw}.intro-glow-b{background:var(--green);width:30vw;height:30vw;animation-delay:-3s;bottom:-10vw;left:-8vw}@keyframes introGlow{to{transform:translate(4vw,-2vw)scale(1.12)}}.intro-court-shell{perspective:1250px;transform-style:preserve-3d;pointer-events:none;position:absolute;inset:0}.intro-court{opacity:.78;width:min(980px,92vw);height:590px;animation:introCourt 7s var(--ease) infinite alternate;transform-style:preserve-3d;background:linear-gradient(145deg,#a94431,#c65d45);border:4px solid #f5efe485;position:absolute;top:67%;left:50%;transform:translate(-50%,-50%)rotateX(66deg)rotate(-5deg);box-shadow:inset 0 0 0 20px #08140e6b,0 60px 100px #0000006b}.intro-court:before,.intro-court:after{content:"";background:#f5efe48c;width:1px;position:absolute;top:0;bottom:0}.intro-court:before{left:24%}.intro-court:after{right:24%}.intro-line{background:#f5efe494;position:absolute}.intro-line-mid{height:2px;top:50%;left:0;right:0}.intro-line-left,.intro-line-right{width:2px;top:0;bottom:0}.intro-line-left{left:50%}.intro-line-right{right:50%}.intro-net{background:repeating-linear-gradient(0deg,#ffffff8c 0 2px,#0000 2px 8px),#08140edb;width:12px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)translateZ(36px);box-shadow:0 0 30px #00000080}@keyframes introCourt{to{transform:translate(-50%,-50%)rotateX(62deg)rotate(-2deg)scale(1.035)}}.intro-racket{border:9px solid var(--green);filter:drop-shadow(0 20px 26px #0006);transform-origin:50% 130%;background:radial-gradient(circle,#ffffff29 1.8px,#0000 2px) 0 0/11px 11px;border-radius:52% 52% 45% 45%;width:120px;height:164px;position:absolute}.intro-racket:after{content:"";background:var(--clay);border-radius:12px;width:24px;height:76px;position:absolute;bottom:-65px;left:50%;transform:translate(-50%)}.intro-racket-left{animation:4.8s ease-in-out infinite racketLeft;top:22%;left:8%;transform:rotate(-24deg)}.intro-racket-right{animation:5.4s ease-in-out infinite reverse racketRight;bottom:18%;right:9%;transform:rotate(25deg)scale(.82)}@keyframes racketLeft{50%{transform:rotate(-9deg)translate3d(18px,-18px,80px)}}@keyframes racketRight{50%{transform:rotate(12deg)scale(.9)translate3d(-16px,-20px,90px)}}.intro-ball{z-index:3;background:radial-gradient(circle at 32% 23%,#f4f87c,#beca47 56%,#758321);border-radius:50%;width:48px;height:48px;animation:4.2s cubic-bezier(.55,.03,.45,.97) infinite introBall;position:absolute;top:48%;left:18%;box-shadow:0 18px 34px #0000006b,inset -6px -8px 13px #0003}.intro-ball:after{content:"";border:2px solid #ffffff94;border-bottom-color:#0000;border-left-color:#0000;border-radius:50%;position:absolute;inset:5px;transform:rotate(28deg)}@keyframes introBall{0%{top:58%;left:16%;transform:translate(-50%,-50%)rotate(0)translateZ(0)}25%{top:31%;left:38%;transform:translate(-50%,-50%)rotate(300deg)translateZ(130px)}50%{top:52%;left:58%;transform:translate(-50%,-50%)rotate(620deg)translateZ(20px)}75%{top:28%;left:77%;transform:translate(-50%,-50%)rotate(920deg)translateZ(150px)}to{top:57%;left:88%;transform:translate(-50%,-50%)rotate(1240deg)translateZ(0)}}.intro-content{z-index:8;text-align:center;width:min(820px,88vw);padding:40px 20px 80px;position:relative}.intro-logo{object-fit:contain;filter:drop-shadow(0 24px 35px #00000052);width:clamp(92px,11vw,148px);height:clamp(92px,11vw,148px);margin-bottom:22px;animation:4.5s ease-in-out infinite logoFloat}@keyframes logoFloat{50%{transform:translateY(-10px)rotate(-1deg)}}.intro-kicker{color:#ffffff9e;margin:0 0 14px;font-size:13px;font-weight:600}.intro-content h1{letter-spacing:-.05em;margin:0;font-size:clamp(52px,8.5vw,128px);line-height:.98}.intro-content h1 span{color:var(--clay)}.intro-copy{color:#ffffffad;max-width:650px;margin:24px auto 30px;font-size:clamp(14px,1.3vw,18px);line-height:2}.intro-enter{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:.45s var(--ease);background:#ffffff13;border:1px solid #ffffff2e;border-radius:999px;align-items:center;gap:18px;padding:17px 23px 17px 18px;font-size:14px;font-weight:700;display:inline-flex;box-shadow:0 18px 50px #00000038}.intro-enter i{background:var(--clay);width:42px;height:42px;transition:.45s var(--ease);border-radius:50%;place-items:center;font-style:normal;display:grid}.intro-enter:hover{background:#ffffff1f;transform:translateY(-5px)}.intro-enter:hover i{transform:rotate(45deg)scale(1.08)}.intro-lang{cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff12;border:1px solid #ffffff2e;border-radius:999px;padding:10px 15px;font-size:11px;position:absolute;top:24px;left:24px}.intro-hint{z-index:8;color:#ffffff6b;white-space:nowrap;font-size:10px;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.intro-page.is-leaving .intro-content{opacity:0;transition:.65s var(--ease);transform:scale(.96)}.intro-page.is-leaving .intro-court-shell{opacity:0;transition:.85s var(--ease);transform:scale(1.16)}@media (max-width:700px){.intro-court{width:760px;top:72%;left:44%}.intro-racket{opacity:.4}.intro-racket-left{left:-4%}.intro-racket-right{right:-7%}.intro-content{padding-bottom:90px}.intro-logo{margin-bottom:14px}.intro-lang{top:18px;left:18px}}@media (prefers-reduced-motion:reduce){.intro-court,.intro-racket,.intro-ball,.intro-logo,.intro-glow{animation:none!important}}html[lang=ar] .intro-content h1,html[lang=ar] .hero h1,html[lang=ar] .cinema-copy h2{letter-spacing:0!important}.intro-content h1,.intro-content h1 span{background-image:none!important;border-bottom:0!important;text-decoration:none!important}.intro-content h1:after,.intro-content h1 span:after{content:none!important;display:none!important}.intro-kicker{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0e;border:1px solid #ffffff21;border-radius:999px;align-items:center;gap:12px;padding:8px 14px;display:inline-flex}.intro-kicker:before{content:"";background:var(--clay);border-radius:50%;width:7px;height:7px;animation:1.8s ease-in-out infinite kickerPulse;box-shadow:0 0 18px #b9523dbf}@keyframes kickerPulse{50%{opacity:.45;transform:scale(1.65)}}.padel-marquee{background:linear-gradient(90deg,var(--green),#465b3b,var(--green));padding:18px 0;box-shadow:0 12px 40px #0000002e}.padel-marquee:before,.padel-marquee:after{content:"";z-index:2;pointer-events:none;width:10vw;position:absolute;top:0;bottom:0}.padel-marquee:before{background:linear-gradient(270deg,var(--green),transparent);right:0}.padel-marquee:after{background:linear-gradient(90deg,var(--green),transparent);left:0}.padel-marquee-track{gap:0;animation-duration:34s}.padel-marquee span{align-items:center;gap:34px;padding-inline:22px;font-size:clamp(13px,1.25vw,17px);font-weight:700;line-height:1.8;display:inline-flex;letter-spacing:0!important}.padel-marquee span b{color:var(--clay);filter:drop-shadow(0 0 7px #b9523dbf);font-size:9px}html[lang=ar] .padel-marquee span{word-spacing:0;font-family:Alexandria,Tahoma,Arial,sans-serif;letter-spacing:0!important}.cinema-chapter{background:var(--deep);isolation:isolate;height:170vh;position:relative}.cinema-chapter:before{content:"";pointer-events:none;background:radial-gradient(circle at 70% 30%,#b9523d24,#0000 30%),radial-gradient(circle at 25% 70%,#5b704c33,#0000 35%);position:absolute;inset:0}.cinema-sticky{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;gap:5vw;min-height:100svh;padding:120px max(6vw,28px) 70px;display:grid;position:sticky;top:0;overflow:hidden}.cinema-copy{z-index:5;max-width:670px;position:relative}.chapter-index{color:#ffffff8c;align-items:center;gap:10px;font-size:12px;display:inline-flex}.chapter-index:before{content:"";background:var(--clay);width:42px;height:1px}.cinema-copy h2{margin:20px 0 26px;font-size:clamp(52px,7vw,112px);font-weight:800;line-height:1.02}.cinema-copy h2 em{color:var(--clay);font-style:normal}.cinema-copy p{color:#ffffffa8;max-width:590px;font-size:clamp(15px,1.35vw,19px);line-height:2.1}.cinema-visual{perspective:1000px;place-items:center;min-height:62vh;display:grid;position:relative}.tunnel-ring{animation:ringFlight 7s var(--ease) infinite;border:2px solid #f5efe429;border-radius:34px;position:absolute;transform:rotateX(64deg)rotate(-8deg)}.tunnel-ring.r1{width:88%;height:64%;animation-delay:0s}.tunnel-ring.r2{width:64%;height:46%;animation-delay:-2.2s}.tunnel-ring.r3{width:40%;height:28%;animation-delay:-4.4s}@keyframes ringFlight{0%,to{opacity:.12;transform:rotateX(64deg)rotate(-8deg)translateZ(-220px)}50%{opacity:.75;transform:rotateX(64deg)rotate(-2deg)translateZ(180px)}}.travel-ball{width:62px;height:62px;animation:travelBall 4.8s var(--ease) infinite;background:radial-gradient(circle at 32% 23%,#f4f87c,#beca47 56%,#758321);border-radius:50%;box-shadow:0 25px 45px #00000080,0 0 45px #beca4738}.travel-ball:after{content:"";border:2px solid #fff9;border-color:#fff9 #fff9 #0000 #0000;border-radius:50%;position:absolute;inset:7px}@keyframes travelBall{0%,to{transform:translate(-120px,80px)rotate(0)scale(.7)}45%{transform:translate3d(80px,-90px,180px)rotate(620deg)scale(1.2)}70%{transform:translate3d(150px,30px,80px)rotate(980deg)scale(.95)}}.cinema-rally{background:linear-gradient(160deg,#101d15,#07110c 65%)}.rally-lines{min-height:65vh;position:relative;transform:perspective(900px)rotateX(62deg)rotate(-4deg)}.rally-lines i{border:2px solid #f5efe42b;animation:4s ease-in-out infinite rallyPulse;position:absolute;inset:8% 4%}.rally-lines i:nth-child(2){animation-delay:-1s;inset:18% 14%}.rally-lines i:nth-child(3){animation-delay:-2s;inset:28% 24%}.rally-lines i:nth-child(4){animation-delay:-3s;inset:38% 34%}.rally-lines span{background:radial-gradient(circle at 32% 23%,#f4f87c,#beca47 56%,#758321);border-radius:50%;width:56px;height:56px;animation:3.8s cubic-bezier(.55,.02,.45,.98) infinite rallyShot;position:absolute}@keyframes rallyPulse{50%{border-color:#b9523d80;box-shadow:0 0 35px #b9523d24}}@keyframes rallyShot{0%{top:74%;left:6%;transform:rotate(0)scale(.72)}35%{top:12%;left:47%;transform:rotate(480deg)scale(1.18)}70%{top:62%;left:82%;transform:rotate(840deg)scale(.8)}to{top:74%;left:6%;transform:rotate(1200deg)scale(.72)}}.cinema-community{background:linear-gradient(145deg,#0a1710,#173021)}.community-orbit{aspect-ratio:1;border:1px solid #ffffff24;border-radius:50%;width:min(520px,80vw);margin:auto;animation:18s linear infinite communitySpin;position:relative}.community-orbit:before{content:"";border:1px solid #ffffff1a;border-radius:50%;position:absolute;inset:20%}.community-orbit b{background:var(--clay);border-radius:50%;place-items:center;font-size:58px;display:grid;position:absolute;inset:36%;box-shadow:0 0 90px #b9523d59}.community-orbit span{background:#c7d263;border-radius:50%;width:22px;height:22px;position:absolute;box-shadow:0 0 25px #c7d26359}.community-orbit span:first-of-type{top:7%;left:48%}.community-orbit span:nth-of-type(2){top:46%;right:4%}.community-orbit span:nth-of-type(3){bottom:5%;left:38%}.community-orbit span:nth-of-type(4){top:37%;left:5%}@keyframes communitySpin{to{transform:rotate(360deg)}}@media (max-width:900px){.cinema-chapter{height:auto}.cinema-sticky{grid-template-columns:1fr;min-height:auto;padding-top:110px;padding-bottom:100px;position:relative}.cinema-visual,.rally-lines{min-height:48vh}.cinema-copy h2{font-size:clamp(48px,14vw,78px)}.community-orbit{width:min(390px,86vw)}}.hero-actions{z-index:7;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:30px;display:flex;position:relative}.hero-actions .primary,.hero-actions .secondary{min-width:168px;padding:16px 24px}.hero-actions .secondary{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#08140e57}html[lang=ar] body{font-family:Alexandria,Tahoma,Arial,sans-serif;line-height:1.8}html[lang=ar] h1,html[lang=ar] h2,html[lang=ar] h3,html[lang=ar] p,html[lang=ar] .cinema-copy h2{text-wrap:balance;letter-spacing:0!important;word-spacing:0!important}html[lang=ar] h1{padding-block:.05em .12em;line-height:1.05!important}html[lang=ar] .hero h1{max-width:100%;margin:24px auto 22px;font-size:clamp(58px,10vw,154px);line-height:1.02!important}html[lang=ar] .hero h1 span{padding-bottom:.08em;line-height:1.08}html[lang=ar] .section h2{max-width:100%;margin-block:16px 26px;line-height:1.22!important}html[lang=ar] .cinema-copy h2{margin-block:18px 25px;line-height:1.26!important}html[lang=ar] .cinema-copy h2 em{padding-bottom:.06em;line-height:1.25;display:inline-block}html[lang=ar] .hero-copy p,html[lang=ar] .section p,html[lang=ar] .cinema-copy p{line-height:2.05}.nav-social{border-inline-start:1px solid #ffffff1f;align-items:center;gap:5px;margin-inline-start:3px;padding-inline-start:7px;display:flex}.nav-social a,.social-links a{color:#fff;width:38px;height:38px;transition:.35s var(--ease);background:#ffffff0e;border:1px solid #ffffff21;border-radius:12px;place-items:center;padding:0!important;display:grid!important}.nav-social a:hover,.social-links a:hover{border-color:var(--clay);transform:translateY(-3px);background:var(--clay)!important}.nav-social svg,.social-links svg{fill:none;stroke:currentColor;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.nav-social svg path:first-child{fill:currentColor;stroke:none}.social-links{align-items:center;gap:8px;display:flex}.footer-side{align-items:center;gap:18px;display:flex}.contact-social{background:#ffffff0b;border:1px solid #ffffff1f;border-radius:20px;justify-content:space-between;align-items:center;gap:18px;margin:0 0 24px;padding:18px 20px;display:flex}.contact-social>span{font-size:14px;font-weight:700}.menu-toggle{width:44px;height:44px;transition:.3s var(--ease);border-radius:13px;justify-content:center;align-items:center}.menu-toggle:hover{background:#ffffff14}@media (max-width:1080px){.site-header{width:calc(100% - 22px);height:68px;padding-inline:12px}.nav a,.nav button{padding:10px 9px;font-size:11px}.brand-copy{display:none}.nav-social{padding-inline-start:4px}.nav-social a{width:34px;height:34px}}@media (max-width:920px){.site-header{border-radius:19px;width:calc(100% - 20px);height:64px;top:10px}.menu-toggle{z-index:2;display:flex;position:relative}.nav{background:#08140ef7;gap:4px;max-height:calc(100svh - 94px);padding:12px;top:82px;left:10px;right:10px;overflow:auto;box-shadow:0 24px 70px #0000006b}.nav a,.nav button{text-align:start;width:100%;padding:14px 15px;font-size:13px}.nav .cta,.nav .account{text-align:center}.nav-social{border-inline-start:0;border-top:1px solid #ffffff1a;justify-content:center;width:100%;margin:5px 0 0;padding:11px 0 0}.nav-social a{width:43px;height:43px}.hero-copy{padding-top:78px;width:min(92%,760px);padding-inline:10px}.hero-actions{margin-top:24px}.court-wrap{width:690px;height:470px;top:65%;left:42%}.section{min-height:auto;padding:112px 24px 76px}.section-grid{gap:40px}.cinema-copy{max-width:720px;padding-inline:24px}.footer-side{flex-direction:column;gap:12px}}@media (max-width:600px){body{font-size:15px}.brand img{width:42px;height:42px}.hero{min-height:100svh;padding-bottom:40px}html[lang=ar] .hero h1{margin:20px 0 18px;font-size:clamp(48px,17vw,78px);line-height:1.06!important}.hero-copy p{max-width:92%;font-size:14px!important;line-height:1.9!important}.hero-actions{margin-inline:auto;grid-template-columns:1fr;width:min(100%,330px);margin-top:22px;display:grid}.hero-actions .primary,.hero-actions .secondary{width:100%;min-width:0;padding:15px 18px}.scroll-cue{display:none}.court-wrap{opacity:.5;width:570px;height:390px;top:68%;left:30%}.ball{width:36px;height:36px}.racket{transform:scale(.72);opacity:.22!important}.section{padding:92px 18px 65px}html[lang=ar] .section h2{font-size:clamp(38px,12vw,58px);line-height:1.25!important}.section p{font-size:14px;line-height:1.95}.cinema-chapter{min-height:120svh}.cinema-sticky{min-height:100svh;padding:92px 18px 55px}.cinema-copy{align-self:center;padding:0}html[lang=ar] .cinema-copy h2{font-size:clamp(41px,13vw,64px);line-height:1.28!important}.cinema-copy p{font-size:14px;line-height:1.95}.chapter-index{font-size:10px}.feature{border-radius:20px;grid-template-columns:48px 1fr;padding:17px}.feature-icon{border-radius:16px;width:48px;height:48px}.kpi{padding:18px}.panel,.auth-card{border-radius:25px;padding:19px}.form-grid{gap:13px}.field input,.field select,.field textarea{border-radius:14px;padding:14px;font-size:16px}.slots{grid-template-columns:repeat(2,1fr)!important}.slot{min-height:48px}.contact-social{flex-direction:column;align-items:flex-start}.footer{padding:32px 18px}.footer-inner{gap:14px}.footer p{text-align:center;line-height:1.7}.padel-marquee{padding:12px 0}.padel-marquee-track{gap:28px}.padel-marquee span{font-size:11px}.intro-content{width:92%;padding-inline:14px}html[lang=ar] .intro-content h1{font-size:clamp(47px,15vw,72px);line-height:1.18!important}.intro-copy{font-size:14px;line-height:1.95}.intro-enter{justify-content:center;width:min(100%,300px)}}@media (max-width:380px){html[lang=ar] .hero h1{font-size:45px}html[lang=ar] .section h2{font-size:36px}.hero-copy{width:96%;padding-inline:6px}.section{padding-inline:15px}.site-header{width:calc(100% - 12px)}}.intro-page{min-height:100dvh;overflow:hidden auto}.intro-scene{height:auto;min-height:100dvh;padding:max(16px,env(safe-area-inset-top)) 18px max(22px,env(safe-area-inset-bottom));align-items:center}.intro-content{width:min(820px,92vw);padding:clamp(12px,2.2vh,28px) 18px clamp(52px,7vh,76px);transform:translateY(clamp(-26px,-2.5vh,-8px))}.intro-logo{width:clamp(74px,10vh,122px);height:clamp(74px,10vh,122px);margin-bottom:clamp(8px,1.2vh,15px)}.intro-kicker{margin-bottom:clamp(8px,1.2vh,13px);padding:7px 13px;font-size:clamp(10px,1.2vh,13px)}.intro-content h1{letter-spacing:0;width:min(100%,900px);margin-inline:auto;font-size:clamp(48px,min(7.2vw,12vh),112px);line-height:1.08}html[lang=ar] .intro-content h1{text-wrap:balance;letter-spacing:0!important;word-spacing:0!important;line-height:1.15!important}html[lang=ar] .intro-content h1 span{padding-bottom:.05em;line-height:1.17;display:block}.intro-copy{max-width:650px;margin:clamp(12px,1.8vh,20px) auto clamp(15px,2.3vh,25px);font-size:clamp(13px,1.65vh,17px);line-height:1.85}.intro-enter{min-height:52px;padding:10px 13px 10px 18px}.intro-enter i{width:38px;height:38px}.intro-hint{bottom:max(10px,env(safe-area-inset-bottom))}.intro-court{width:min(900px,90vw);height:min(52vh,500px);top:77%}.intro-racket-left{top:25%}.intro-racket-right{bottom:10%}@media (max-height:850px) and (min-width:701px){.intro-content{padding-top:8px;padding-bottom:52px;transform:translateY(-18px)}.intro-logo{width:82px;height:82px;margin-bottom:7px}.intro-kicker{margin-bottom:7px;padding:6px 12px}.intro-content h1{font-size:clamp(52px,min(6.7vw,10.5vh),92px);line-height:1.06}html[lang=ar] .intro-content h1{line-height:1.13!important}.intro-copy{margin:10px auto 15px;font-size:13px;line-height:1.75}.intro-enter{min-height:46px;padding-block:7px}.intro-enter i{width:34px;height:34px}.intro-court{height:min(47vh,410px);top:79%}.intro-racket{opacity:.58;transform:scale(.82)}}@media (max-height:700px) and (min-width:701px){.intro-content{padding-bottom:38px;transform:translateY(-10px)}.intro-logo{width:64px;height:64px}.intro-content h1{font-size:clamp(44px,min(6vw,9vh),72px)}.intro-copy{max-width:560px;margin:8px auto 11px;line-height:1.65}.intro-hint{display:none}.intro-court{height:42vh;top:81%}}@media (max-width:700px){.intro-page{overflow-y:auto}.intro-scene{min-height:100dvh;padding-inline:12px}.intro-content{width:96%;padding:54px 8px 70px;transform:none}.intro-logo{width:clamp(72px,20vw,96px);height:clamp(72px,20vw,96px)}.intro-content h1,html[lang=ar] .intro-content h1{font-size:clamp(43px,14vw,68px);line-height:1.18!important}.intro-copy{max-width:92%;margin:14px auto 18px;font-size:13px;line-height:1.8}.intro-enter{justify-content:center;width:min(100%,290px)}.intro-court{opacity:.62;width:680px;height:360px;top:82%;left:42%}.intro-racket{opacity:.25!important}.intro-hint{display:none}}@media (max-width:390px){.intro-content{padding-top:48px;padding-bottom:58px}.intro-content h1,html[lang=ar] .intro-content h1{font-size:clamp(39px,13.5vw,54px)}.intro-copy{font-size:12.5px}.intro-lang{top:12px;left:12px}}.calendar-nav{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:22px;display:flex}.calendar-nav-btn{color:#fff;width:38px;height:38px;transition:.3s var(--ease);cursor:pointer;background:#ffffff0a;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;display:flex}.calendar-nav-btn:hover{border-color:#fff6}.calendar-date{color:#fff;margin-inline-start:6px;font-size:18px;font-weight:700}.calendar-today-badge{color:var(--clay);margin-inline-start:10px;font-size:13px;font-weight:600}.calendar-today-btn{color:#ffffff73;cursor:pointer;background:0 0;border:0;margin-inline-start:6px;font-size:13px}.calendar-today-btn:hover{color:#fffc}.court-calendar{background:#ffffff08;border:1px solid #ffffff1f;border-radius:26px;overflow-x:auto}.court-calendar-grid{min-width:560px;display:grid}.court-calendar-cell{border-bottom:1px solid #ffffff14;border-inline-end:1px solid #ffffff14;padding:10px}.court-calendar-head{text-align:center}.court-calendar-head .code{letter-spacing:.08em;color:var(--clay);text-transform:uppercase;font-size:11px;font-weight:700}.court-calendar-head .name{color:#fff;margin-top:2px;font-size:13px;font-weight:600}.court-calendar-time{color:#fff6;align-items:center;font-size:11px;font-weight:600;display:flex}.court-slot-btn{text-align:start;width:100%;min-height:54px;transition:.2s var(--ease);cursor:pointer;background:#ffffff08;border:1px solid #ffffff1a;border-radius:14px;flex-direction:column;justify-content:center;align-items:flex-start;gap:2px;padding:9px 11px;display:flex}.court-slot-btn[data-status=available]:hover{border-color:var(--clay);background:#b9523d1f}.court-slot-btn[data-status=mine]{background:var(--clay);border-color:var(--clay);color:#fff;cursor:default}.court-slot-btn[data-status=pending]{color:#f2cd7a;cursor:default;background:#d9a83c2e;border-color:#d9a83c}.court-slot-btn[data-status=booked],.court-slot-btn[data-status=blocked],.court-slot-btn[data-status=unavailable],.court-slot-btn[data-status=passed]{opacity:.4;cursor:not-allowed}.court-slot-price{color:#fff;font-size:12px;font-weight:700}.court-slot-label{color:#ffffff73;font-size:10px}.booking-modal-overlay{z-index:2100;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.booking-modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#050a07b3;position:absolute;inset:0}.booking-modal{width:min(420px,100%);box-shadow:var(--shadow);background:#0c1710;border:1px solid #ffffff24;border-radius:28px;padding:28px;position:relative}.booking-modal-close{inset-inline-end:18px;color:#fff6;cursor:pointer;background:0 0;border:0;position:absolute;top:18px}.booking-modal-close:hover{color:#fff}.booking-summary{background:#ffffff0d;border-radius:16px;margin-top:16px;padding:16px;font-size:13px}.booking-summary p{color:#ffffffa6;margin:4px 0}.booking-summary .total{color:#fff;margin-top:8px;font-size:18px;font-weight:700}.booking-modal-actions{gap:10px;margin-top:22px;display:flex}.booking-modal-actions .secondary,.booking-modal-actions .primary{flex:1;justify-content:center}p.bookings-subhead{letter-spacing:.09em;text-transform:uppercase;color:#f5efe4d1;opacity:1;align-items:center;gap:8px;max-width:none;margin:20px 0 10px;font-size:12px;font-weight:700;display:flex}p.bookings-subhead:before{content:"";background:var(--clay);border-radius:2px;width:16px;height:2px}p.bookings-subhead:first-of-type{margin-top:14px}.my-bookings-list{background:#ffffff08;border:1px solid #ffffff1f;border-radius:24px;overflow:hidden}.my-bookings-row{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:16px;padding:16px 18px;display:flex}.my-bookings-row:last-child{border-bottom:0}.my-bookings-row strong{color:#fff;font-size:14px;display:block}.my-bookings-row small{color:#ffffff73;margin-top:2px;font-size:12px;display:block}.my-bookings-cancel{color:#ffffff80;cursor:pointer;width:32px;height:32px;transition:.25s var(--ease);background:0 0;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;display:flex}.my-bookings-cancel:hover{color:#ff8a70;border-color:#ff786480}.account-group{align-items:center;gap:4px;display:flex}.account-logout{color:#fff9;border:1px solid #ffffff26;justify-content:center;align-items:center;width:30px;height:30px;display:flex;border-radius:50%!important;padding:0!important}.account-logout:hover{color:#ff8a70;border-color:#ff786466}.field-select{position:relative}.field-select-trigger{color:#fff;cursor:pointer;text-align:start;background:#00000024;border:1px solid #ffffff26;border-radius:16px;outline:none;justify-content:space-between;align-items:center;width:100%;padding:15px 16px;font-size:14px;transition:all .3s;display:flex}.field-select-trigger:hover{border-color:#ffffff4d}.field-select-trigger i{color:#ffffff80;margin-inline-start:10px;font-style:normal}.field-select-panel{z-index:20;background:#152219;border:1px solid #ffffff26;border-radius:16px;max-height:260px;padding:6px;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:auto;box-shadow:0 20px 50px #00000080}.field-select-panel button{text-align:start;color:#ffffffbf;cursor:pointer;background:0 0;border:0;border-radius:10px;width:100%;padding:11px 12px;font-size:14px;display:block}.field-select-panel button:hover{color:#fff;background:#ffffff14}.field-select-panel button.active{color:#fff;background:#b9523d40}