:root{--forest: #1F4D2C;--forest-deep: #0F2E1A;--forest-light: #2D5A3D;--cream: #FEF9D7;--cream-soft: #FFFDF0;--ball: #C8E66B;--ball-glow: #D9F088;--ink: #0A1F12;--muted: #5A6B5F;--border: rgba(31,77,44,.15);--border-strong: rgba(31,77,44,.35);--orange: #D9802A;--red: #9C2A2A;--whatsapp: #25D366;--whish: #E8388A;--pending: #E5A11A}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body{background:var(--cream);font-family:Inter,-apple-system,sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}body{padding-bottom:80px}@media(min-width:769px){body{padding-bottom:0}}.alma-script{font-family:Caveat,cursive}.alma-display{font-family:Fraunces,Georgia,serif}[dir=rtl] body{text-align:right}[dir=rtl] .alma-script,[dir=rtl] .alma-display{letter-spacing:0!important}.ball-pulse{animation:ball-bounce 2.5s ease-in-out infinite}@keyframes ball-bounce{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-8px) rotate(15deg)}}.fade-in{animation:fade-in .4s ease-out forwards;opacity:0}@keyframes fade-in{to{opacity:1;transform:translateY(0)}}.stagger-1{animation-delay:.05s}.stagger-2{animation-delay:.15s}.stagger-3{animation-delay:.25s}.stagger-4{animation-delay:.35s}.slide-up{animation:slide-up .3s ease-out forwards}@keyframes slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.grain{background-image:radial-gradient(circle at 25% 25%,rgba(31,77,44,.03) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(200,230,107,.05) 0%,transparent 50%)}.landing-hero{--hero-overlay: linear-gradient(90deg, rgba(15,46,26,.84) 0%, rgba(15,46,26,.68) 38%, rgba(15,46,26,.14) 72%), linear-gradient(180deg, rgba(15,46,26,.18), rgba(15,46,26,.3));min-height:min(720px,calc(100vh - 84px));padding:64px 20px 72px;position:relative;isolation:isolate;display:flex;align-items:center;overflow:hidden;background-image:var(--hero-overlay),var(--hero-image);background-size:cover;background-position:center right}.landing-hero:after{content:"";position:absolute;inset:auto 0 0;height:140px;background:linear-gradient(180deg,transparent,var(--cream));z-index:0;pointer-events:none}.landing-hero__content{position:relative;z-index:1;width:100%;max-width:1100px;margin:0 auto}.landing-hero__intro{width:100%;max-width:580px}.court-feature{display:grid;grid-template-columns:minmax(260px,.95fr) minmax(280px,1fr);min-height:360px;overflow:hidden;border-radius:8px;background:var(--forest-deep);border:1px solid rgba(31,77,44,.22)}.court-feature__image{min-height:320px;background-size:cover;background-position:74% center}.court-feature__copy{padding:clamp(28px,5vw,54px);display:flex;flex-direction:column;justify-content:center}.visual-story{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.visual-story__item{overflow:hidden;border-radius:8px;background:var(--cream-soft);border:1.5px solid var(--border)}.visual-story__image{min-height:190px;background-size:cover;background-position:center}.visual-story__body{padding:18px}.visual-story__body span{display:block;font-size:10px;font-weight:700;letter-spacing:.16em;color:var(--forest);margin-bottom:8px}.visual-story__body h3{font-size:21px;line-height:1.15;font-weight:800;color:var(--forest-deep);letter-spacing:-.01em;margin-bottom:8px}.visual-story__body p{font-size:13px;line-height:1.55;color:var(--muted)}.dashboard-empty{overflow:hidden;border-radius:8px;background:var(--cream-soft);border:1.5px solid var(--border)}.dashboard-empty__image{min-height:220px;background-size:cover;background-position:center}.dashboard-empty__body{padding:24px;color:var(--muted);text-align:center}.btn-primary{background:var(--forest);color:var(--cream);padding:14px 24px;border-radius:999px;border:none;font-weight:600;font-size:15px;cursor:pointer;transition:all .15s ease;letter-spacing:.01em;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:inherit;min-height:48px;line-height:1}.btn-primary:active{transform:scale(.97)}.btn-primary:disabled{opacity:.4;cursor:not-allowed}.btn-ghost{background:transparent;color:var(--forest);padding:12px 20px;border-radius:999px;border:1.5px solid var(--border-strong);font-weight:600;font-size:14px;cursor:pointer;transition:all .15s ease;font-family:inherit;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;line-height:1}.btn-ghost:active{background:#1f4d2c14}.btn-ghost:disabled{opacity:.45;cursor:not-allowed}.btn-ghost.landing-hero__link{color:var(--cream);border-color:#fef9d773;background:#0f2e1a38;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.language-switcher{display:inline-flex;align-items:center;gap:3px;padding:3px;border:1.5px solid var(--border);border-radius:999px;background:#fffdf0b8}.language-switcher button{min-width:42px;min-height:32px;padding:6px 10px;border:none;border-radius:999px;background:transparent;color:var(--muted);cursor:pointer;font-family:inherit;font-size:12px;font-weight:700;line-height:1}.language-switcher button.active{background:var(--forest);color:var(--cream)}.language-prompt{z-index:500;align-items:center;padding:16px}.language-prompt__modal{border-radius:20px;max-width:420px;box-shadow:0 24px 80px #00000047}[dir=rtl] .mirror-rtl{transform:scaleX(-1)}.input{width:100%;padding:14px 16px;border-radius:12px;border:1.5px solid var(--border);background:var(--cream-soft);color:var(--ink);font-family:inherit;font-size:16px;transition:border-color .15s ease;-webkit-appearance:none}.input:focus{outline:none;border-color:var(--forest)}.card{background:var(--cream-soft);border:1.5px solid var(--border);border-radius:16px;padding:20px}.pill{display:inline-flex;align-items:center;gap:4px;padding:5px 10px;border-radius:999px;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.toast{position:fixed;bottom:96px;left:50%;transform:translate(-50%);padding:14px 22px;border-radius:12px;color:#fff;font-weight:500;font-size:14px;z-index:1000;box-shadow:0 12px 36px #00000040;max-width:90vw;animation:toast-in .3s ease-out}@media(min-width:769px){.toast{bottom:24px}}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}.urgency-glow{animation:urgency-pulse 1.8s ease-in-out infinite}@keyframes urgency-pulse{0%,to{box-shadow:0 0 #d9802a80}50%{box-shadow:0 0 0 8px #d9802a00}}.modal-backdrop{position:fixed;inset:0;background:#0f2e1a99;z-index:200;display:flex;align-items:flex-end;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fade-in .2s ease-out forwards;opacity:0}@media(min-width:769px){.modal-backdrop{align-items:center}}.modal{background:var(--cream);width:100%;max-width:520px;border-radius:20px 20px 0 0;padding:24px;max-height:90vh;overflow-y:auto;animation:slide-up .3s ease-out}@media(min-width:769px){.modal{border-radius:20px}}.otp-input{width:100%;padding:16px;text-align:center;font-size:28px;font-weight:700;letter-spacing:.5em;font-family:Fraunces,monospace;border:2px solid var(--border-strong);border-radius:14px;background:var(--cream-soft);color:var(--forest-deep)}.otp-input:focus{outline:none;border-color:var(--forest)}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:var(--cream-soft);border-top:1px solid var(--border);display:flex;z-index:90;padding:8px 4px;padding-bottom:max(8px,env(safe-area-inset-bottom))}@media(min-width:769px){.bottom-nav{display:none}}.bottom-nav-btn{flex:1;background:none;border:none;padding:8px 4px;display:flex;flex-direction:column;align-items:center;gap:3px;color:var(--muted);font-family:inherit;font-size:11px;font-weight:600;cursor:pointer;border-radius:10px}.bottom-nav-btn.active{color:var(--forest);background:#c8e66b4d}table{width:100%;border-collapse:collapse}th{padding:10px 12px;text-align:left;font-size:10px;letter-spacing:.1em;color:var(--muted);font-weight:600}td{padding:12px;font-size:13px}details summary{list-style:none;cursor:pointer}details summary::-webkit-details-marker{display:none}@media(max-width:768px){.hide-mobile{display:none!important}.landing-hero{--hero-overlay: linear-gradient(180deg, rgba(15,46,26,.18) 0%, rgba(15,46,26,.64) 46%, rgba(15,46,26,.9) 100%), linear-gradient(90deg, rgba(15,46,26,.2), rgba(15,46,26,.28));min-height:680px;align-items:flex-end;padding:84px 20px;background-position:72% center}.landing-hero__content{width:calc(100vw - 40px);max-width:calc(100vw - 40px)}.landing-hero__intro{max-width:320px}.court-feature{grid-template-columns:1fr}.court-feature__image{min-height:230px;background-position:70% center}.visual-story{grid-template-columns:1fr}.visual-story__image{min-height:220px}}@media(min-width:769px){.show-mobile{display:none!important}}.calendar-day{aspect-ratio:1;border-radius:10px;border:1.5px solid var(--border);background:var(--cream-soft);display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;position:relative;padding:4px;font-size:13px;color:var(--ink);font-weight:500;transition:all .15s ease}.calendar-day:active{transform:scale(.95)}.calendar-day.has-bookings{border-color:var(--forest)}.calendar-day.confirmed{background:var(--ball);border-color:var(--forest);color:var(--forest-deep);font-weight:700}.calendar-day.at-risk{background:#ffefd5;border-color:var(--orange);color:var(--orange);font-weight:700}.calendar-day.cancelled{background:#fcddd8;border-color:var(--red);color:var(--red)}.calendar-day.disabled{opacity:.3;cursor:default;pointer-events:none}.calendar-day.today{box-shadow:0 0 0 2px var(--forest)}.status-dot{width:8px;height:8px;border-radius:50%;margin-top:3px}.whish-screen{background:linear-gradient(135deg,#ff4d9b,#e8388a);color:#fff;border-radius:16px;padding:24px;text-align:center}