:root{--bg:#edf6ff;--bg-accent:#dcefff;--card-bg:#fff;--border:#1854a024;--text:#486179;--text-muted:#6f86a1;--text-heading:#0f2742;--hero-text:#f7fbff;--accent:#3f8cff;--accent-strong:#8bc7ff;--tone-green:#1671d9;--button-blue:linear-gradient(180deg, #1a79df, #0f63c8);--button-blue-border:#105ebec7;--button-yellow:linear-gradient(180deg, #f0fb96, #d8ee54);--button-yellow-border:#9bb324b8;--shadow-soft:0 20px 40px #1951931a, 0 10px 20px #1951930d;--sans:"Sora", "Segoe UI", sans-serif;--heading:"Exo 2", "Sora", sans-serif;font-family:var(--sans);color:var(--text);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at 14% 18%,#d6f56838 0 1.2rem,#ffffffb8 1.22rem 1.55rem,#0000 1.6rem),radial-gradient(circle at 86% 72%,#d6f56833 0 .95rem,#ffffffad .98rem 1.28rem,#0000 1.34rem),linear-gradient(#f4fbff,#e7f3ff 46%,#f7fbff);font-weight:400;line-height:1.5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;margin:0}body:before{content:"";pointer-events:none;opacity:.6;background:linear-gradient(#1854a00b,#1854a00b) 50% 22%/78% 2px no-repeat,linear-gradient(#1854a00b,#1854a00b) 50%/78% 2px no-repeat,linear-gradient(#1854a00b,#1854a00b) 50% 78%/78% 2px no-repeat,linear-gradient(90deg,#1854a00b,#1854a00b) 50%/2px 72% no-repeat,linear-gradient(90deg,#1854a008,#1854a008) 22%/2px 72% no-repeat,linear-gradient(90deg,#1854a008,#1854a008) 78%/2px 72% no-repeat;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#0000003d,#0000001f);mask-image:linear-gradient(#0000003d,#0000001f)}a,button{font:inherit}button{appearance:none}#root{flex-direction:column;width:100%;min-height:100vh;display:flex}h1,h2,h3{font-family:var(--heading);letter-spacing:-.015em;color:var(--text-heading);font-weight:700}h1{font-size:clamp(3rem,8vw,5.3rem);line-height:.92}h2{font-size:clamp(2rem,4vw,3rem);line-height:.96}h3{font-size:1.3rem;line-height:1.04}p{margin:0}a{color:inherit}button{border:none}@media (width<=720px){:root{font-size:15px}}.page-shell{flex:1 0 auto;gap:2rem;width:100%;padding:0;display:grid}:root{--marketing-band-width:min(70vw, calc(100vw - 3rem), 1220px);--type-page-title:clamp(2.25rem, 3.7vw, 3.4rem);--type-section-title:clamp(1.6rem, 2.4vw, 2.2rem);--type-card-title:clamp(1.3rem, 2vw, 1.7rem);--type-subtitle:1.02rem;--type-body:1rem;--type-small:.92rem}.portal-shell{width:min(1220px,100%);min-height:calc(100vh - 14rem);margin:0 auto;padding:2rem 1.5rem}.topbar,.hero-panel,.content-section,.carousel-section,.split-section,.roadmap-section{position:relative}.topbar{width:100%;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:linear-gradient(#ffffff14,#fff0),linear-gradient(135deg,#0f63c8,#1380de 54%,#0f63c8);border-bottom:1px solid #ffffff29;border-radius:0;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.2rem;display:flex}.brand-mark{align-items:center;gap:.9rem;text-decoration:none;display:inline-flex}.brand-badge{border-radius:20px;justify-content:center;align-items:center;width:3.6rem;height:3.6rem;display:inline-flex;overflow:hidden;box-shadow:0 10px 24px #1762c824}.brand-badge img{width:100%;height:100%;display:block}.brand-copy{gap:.12rem;display:grid}.brand-copy strong{color:#f7fbff;font-family:var(--heading);letter-spacing:-.03em;font-size:clamp(1.05rem,1.8vw,1.35rem);line-height:1}.brand-copy small{color:#f7fbffc7;font-size:.85rem}.topbar-actions{flex-wrap:wrap;gap:.75rem;display:flex}.topbar-menu-shell{justify-content:flex-end;align-items:center;gap:.75rem;display:flex}.topbar-mobile-toggle{background:#ffffff1f;border:1px solid #ffffff47;border-radius:14px;justify-content:center;align-items:center;width:3rem;height:3rem;padding:0;display:none;box-shadow:0 10px 24px #0d356d2e}.topbar-mobile-toggle span{background:#f7fbff;border-radius:999px;width:1.25rem;height:2px;transition:transform .18s,opacity .18s;display:block}.topbar-mobile-toggle span+span{margin-top:.26rem}.topbar-mobile-toggle-open span:first-child{transform:translateY(6px)rotate(45deg)}.topbar-mobile-toggle-open span:nth-child(2){opacity:0}.topbar-mobile-toggle-open span:last-child{transform:translateY(-6px)rotate(-45deg)}.topbar-mobile-panel{align-items:center;display:flex}.topbar-user{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:1rem;display:flex}.topbar-session{justify-items:end;gap:.15rem;display:grid}.topbar-session strong{color:#f7fbff;font-size:.98rem}.topbar-session small{color:#f7fbffc7;font-size:.82rem}.topbar-button{min-width:11.5rem}.hero-panel{grid-template-columns:1fr;gap:1.5rem;display:grid}.hero-copy,.info-card,.process-card,.court-card,.roadmap-card{border:1px solid var(--border);background:var(--card-bg);box-shadow:var(--shadow-soft);border-radius:28px}.hero-copy{color:var(--hero-text);background:radial-gradient(circle at 100% 0,#8bc7ff47,#0000 32%),linear-gradient(135deg,#11407efa,#2579d4f0);padding:3.5rem}.hero-copy h1{color:#f7fbff;letter-spacing:-.02em;margin:.6rem 0 1.1rem;font-size:clamp(3rem,5vw,5rem);font-weight:800;line-height:.91}.hero-text{color:#f7fbffd1;font-size:1.1rem;line-height:1.65}.eyebrow{text-transform:uppercase;letter-spacing:.22em;color:var(--accent-strong);margin:0;font-size:.8rem}.hero-actions{flex-wrap:wrap;gap:.9rem;margin:2rem 0 2.5rem;display:flex}.primary-action,.secondary-action,.ghost-action,.view-tab,.membership-chip,.slot{transition:transform .18s,border-color .18s,background-color .18s,box-shadow .18s}.primary-action,.secondary-action,.ghost-action,.view-tab,.membership-chip{border:1px solid var(--button-blue-border);background:var(--button-blue);color:#f7fbff;border-radius:999px;justify-content:center;align-items:center;min-height:3rem;padding:0 1.1rem;font-weight:600;text-decoration:none;display:inline-flex;box-shadow:inset 0 1px #ffffff2e,0 10px 24px #19519333}.primary-action{box-shadow:inset 0 1px #fff3,0 14px 32px #1951933d}.topbar .primary-action,.topbar .secondary-action,.topbar .ghost-action,.header-style-action{border-color:var(--button-yellow-border);background:var(--button-yellow);color:var(--text-heading);box-shadow:inset 0 1px #ffffff6b,0 10px 24px #93aa2129}.topbar .topbar-signup-button{color:#f7fbff;background:linear-gradient(#174f95,#0d356d);border-color:#0d356dd6;box-shadow:inset 0 1px #ffffff38,0 10px 24px #0d356d3d}.modal-close-action{width:2.75rem;min-width:0;min-height:2.75rem;color:var(--text-heading);box-shadow:none;background:0 0;border:0;border-radius:999px;padding:0;font-size:1.35rem;font-weight:700;line-height:1}.modal-close-action:hover{box-shadow:none;background:#0f63c814}.primary-action:hover,.secondary-action:hover,.ghost-action:hover{transform:translateY(-2px)}.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;max-width:52rem;display:grid}.stat-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1f;border-radius:22px;padding:1rem 1.1rem}.stat-card strong,.mini-board strong{font-family:var(--heading);color:#f7fbff;font-size:1.5rem;display:block}.stat-card span,.mini-board span{color:#f7fbffcc;font-size:.92rem}.feature-list,.step-list{margin:1rem 0 0;padding-left:1.2rem}.feature-list li,.step-list li{margin-bottom:.75rem}.carousel-section{width:min(1220px,100% - 3rem);margin:0 auto;padding:.5rem 0 0}.carousel-heading{text-align:center;justify-items:center}.carousel-logo-wrap{margin-bottom:1.4rem}.carousel-brand{align-items:center;gap:1rem;max-width:100%;display:inline-flex}.carousel-brand-badge{flex:none;width:5.2rem;height:5.2rem}.carousel-brand-copy{text-align:left;gap:.2rem;display:grid}.carousel-brand-copy strong{color:var(--text-heading);font-family:var(--heading);letter-spacing:-.02em;font-size:clamp(1.8rem,3.8vw,2.8rem);font-weight:800;line-height:.96}.carousel-brand-copy small{color:var(--text-muted);font-size:.95rem}.carousel-card{border:1px solid var(--border);box-shadow:var(--shadow-soft);background:#fff;border-radius:32px;gap:1.2rem;padding:2.8rem;display:grid}.carousel-card-themed{isolation:isolate;background:0 0;position:relative;overflow:hidden}.carousel-background,.carousel-overlay{z-index:0;position:absolute;inset:0}.carousel-background{transform-origin:50%;will-change:transform, opacity, filter;overflow:hidden}.carousel-background img{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.carousel-background-in{animation:.9s cubic-bezier(.2,.7,.15,1) both carouselBackgroundIn}.carousel-background-out{animation:.9s cubic-bezier(.55,0,.4,1) both carouselBackgroundOut}.carousel-overlay{z-index:1;background:linear-gradient(#091b3024 0%,#091b3042 100%),radial-gradient(circle at 20% 18%,#ffffff14,#0000 32%)}.carousel-card-themed>:not(.carousel-background):not(.carousel-overlay){z-index:2;position:relative}.carousel-card-wide{width:var(--marketing-band-width);max-width:none;min-height:min(68vh,46rem);margin:0 auto}.carousel-stage{text-align:center;grid-template-columns:1fr;align-content:center;place-items:center;gap:1.2rem;min-height:min(52vh,32rem);animation:.72s cubic-bezier(.18,.82,.28,1) both carouselStageIn;display:grid;position:relative}.carousel-copy{justify-items:center;gap:.55rem;width:100%;display:grid}.carousel-copy h3{color:#f7fbff;text-shadow:0 10px 28px #091c345c;margin:0;font-size:clamp(2.6rem,4.8vw,4.2rem)}.carousel-description{color:#f7fbfff0;text-shadow:0 8px 22px #091c3452;max-width:none;font-size:1.3rem;line-height:1.9}.carousel-copy .header-style-action{margin-top:12rem;letter-spacing:-.01em;border-width:2px;border-radius:22px;place-self:center;min-width:16.5rem;min-height:4.25rem;margin-inline:auto;padding:0 2rem;font-size:1.22rem;font-weight:800;box-shadow:inset 0 1px #ffffff75,0 18px 34px #93aa2138}.carousel-copy .header-style-action:hover{transform:translateY(-3px)scale(1.02);box-shadow:inset 0 1px #ffffff80,0 22px 40px #93aa2147}.carousel-actions,.carousel-dots{align-items:center;gap:.75rem;display:flex}.carousel-dots{justify-content:center}.carousel-functional-summary{width:min(calc(var(--marketing-band-width) + 6rem), calc(100vw - 2.25rem), 1320px);background:linear-gradient(#fffffffa,#f6fafffa);border:1px solid #91b7e157;border-radius:30px;max-width:none;margin-top:1.25rem;padding:2.1rem 2.2rem 2.3rem;position:relative;left:50%;transform:translate(-50%)}.functional-summary-title{text-align:center;font-family:var(--heading);color:#173457;margin:0;font-size:clamp(2rem,3vw,2.6rem);line-height:1.02}.functional-summary-subtitle{text-align:center;color:#5f7e9f;max-width:48rem;margin:.9rem auto 0;font-size:1.12rem;line-height:1.65}.functional-highlight-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-top:1.7rem;display:grid}.functional-highlight-item{text-align:left;background:#ffffffe6;border:1px solid #b4cee975;border-radius:24px;padding:1.35rem 1.2rem 1.45rem;box-shadow:inset 0 1px #ffffffb8}.functional-highlight-icon{background:linear-gradient(#e7f2fff5,#d6e8fbf5);border-radius:18px;justify-content:center;align-items:center;width:3rem;height:3rem;margin-bottom:.9rem;font-size:1.45rem;display:inline-flex;box-shadow:inset 0 1px #ffffffe6}.functional-highlight-item h4{color:#18385c;font-family:var(--heading);margin:0;font-size:1.28rem;line-height:1.15}.functional-highlight-item p{color:#2e4d6e;margin:.6rem 0 0;font-size:1.08rem;font-weight:500;line-height:1.6}.carousel-dot{cursor:pointer;background:#f0fb9673;border:1px solid #9bb32480;border-radius:999px;width:.9rem;height:.9rem}.carousel-dot-active{background:#e9fb70;border-color:#9bb324d1;box-shadow:0 0 0 .3rem #e9fb702e}.seo-positioning-section{width:min(1220px,100% - 3rem);margin:0 auto;padding:2.2rem}.seo-positioning-heading{text-align:center;justify-items:center;gap:.55rem}.seo-positioning-heading h2{max-width:18ch}.seo-positioning-lead{color:#547392;max-width:56rem;margin:0;font-size:1.08rem;line-height:1.7}.seo-positioning-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1.6rem;display:grid}.seo-positioning-card,.seo-faq-item{background:linear-gradient(#fffffffa,#f6fafffa);border:1px solid #bcd3ecad;border-radius:24px;box-shadow:0 14px 30px #2260a814}.seo-positioning-card{padding:1.35rem 1.25rem 1.45rem}.seo-positioning-card h3,.seo-faq-item h3{color:#173457;font-family:var(--heading);margin:0;font-size:1.2rem;line-height:1.18}.seo-positioning-card p,.seo-faq-item p{color:#486789;margin:.7rem 0 0;font-size:1rem;line-height:1.65}.seo-faq-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1rem;display:grid}.seo-faq-item{padding:1.35rem 1.25rem 1.45rem}@keyframes carouselBackgroundIn{0%{opacity:0;filter:saturate(.92)brightness(.9)blur(2px);transform:scale(1.08)translate(3%)}to{opacity:1;filter:saturate()brightness()blur();transform:scale(1)translate(0,0)}}@keyframes carouselBackgroundOut{0%{opacity:1;filter:saturate()brightness()blur();transform:scale(1)translate(0,0)}to{opacity:0;filter:saturate(.94)brightness(.84)blur(2px);transform:scale(1.03)translate(-3%)}}@keyframes carouselStageIn{0%{opacity:0;transform:translateY(2rem)scale(.985)}55%{opacity:1}to{opacity:1;transform:translate(0,0)scale(1)}}.carousel-feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.site-footer{color:#f7fbffd6;width:100%;box-shadow:none;background:#0f2742;border-top:1px solid #ffffff24;border-radius:0;margin-top:auto;padding:1.5rem 1.7rem;position:relative}.footer-inner{text-align:center;justify-items:center;gap:1rem;width:min(1220px,100% - 3rem);margin:0 auto;display:grid}.footer-brand{justify-items:center;gap:.45rem;max-width:44rem;display:grid}.footer-brand strong{color:#f7fbff;font-size:1.05rem}.footer-nav{justify-items:center;gap:.9rem;display:grid}.footer-links,.footer-meta{flex-wrap:wrap;justify-content:center;gap:.55rem;display:flex}.footer-links a,.footer-meta span{color:#f7fbffc7;text-decoration:none}.footer-link-button{color:#f7fbffc7;cursor:pointer;background:0 0;border:0;padding:0}.content-section,.roadmap-section{width:min(1220px,100% - 3rem);margin:0 auto;padding:.5rem 0}.workspace-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.view-switcher{flex-wrap:wrap;gap:.75rem;margin-bottom:1rem;display:flex}.workspace-header-row{justify-content:flex-start;align-items:flex-start;gap:1rem;display:flex}.view-tab{cursor:pointer;padding:.8rem 1rem;font-size:.98rem}.view-tab-active{color:var(--text-heading);background:#fff;border-color:#1854a02e;box-shadow:inset 0 1px #ffffffb3,0 12px 28px #19519314}.connected-panel{gap:1rem;display:grid}.panel-header,.toolbar-row,.session-summary{justify-content:space-between;align-items:center;gap:1rem;display:flex}.session-summary{background:#ffffffb8;border:1px solid #0b292414;border-radius:20px;flex-wrap:wrap;padding:1rem 1.2rem}.session-summary strong{color:var(--text-heading)}.membership-list{flex-wrap:wrap;gap:.75rem;display:flex}.membership-select-wrap{min-width:min(100%,30rem)}.membership-row{margin-bottom:.25rem}.membership-select-label{color:var(--text-heading);gap:.45rem;font-size:.95rem;font-weight:700;display:grid}.membership-select{min-width:min(100%,30rem);color:var(--text-heading);background:#fffffff5;border:1px solid #1854a02e;border-radius:18px;padding:.9rem 1rem;font-size:1rem}.membership-current{background:#fff;border:1px solid #1854a02e;border-radius:20px;gap:.25rem;padding:.95rem 1.15rem;display:grid;box-shadow:inset 0 1px #ffffffb3,0 12px 28px #19519314}.membership-current strong{color:var(--text-heading)}.membership-current span{color:var(--text-muted)}.membership-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.membership-access-code{justify-items:start;gap:.35rem;display:grid}.membership-access-code-label{color:var(--text-muted);letter-spacing:.14em;text-transform:uppercase;font-size:.88rem;font-weight:700}.membership-access-code-value{min-width:10rem;color:var(--tone-blue);letter-spacing:.18em;text-transform:uppercase;background:#2271e51f;border-radius:999px;justify-content:center;align-items:center;padding:.55rem 1rem;font-size:1.35rem;font-weight:900;line-height:1;display:inline-flex}.panel-quick-actions{flex-wrap:wrap;justify-content:flex-end;gap:.75rem;display:flex}.panel-quick-actions-below{justify-content:flex-start;margin-top:1rem}.panel-action-button{min-width:10.5rem}.membership-chip{cursor:pointer;padding:.75rem 1rem;font-size:.98rem}.active-chip{color:var(--text-heading);background:#fff;border-color:#1854a02e;box-shadow:inset 0 1px #ffffffb3,0 12px 28px #19519314}.mini-data-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.85rem;display:grid}.mini-data-grid-user{grid-template-columns:repeat(3,minmax(0,1fr))}.mini-data-card{background:#ffffffb3;border:1px solid #0b292414;border-radius:22px;padding:1rem 1.1rem}.mini-data-card span,.mini-data-card small,.empty-copy,.feedback-line{color:var(--text-muted)}.mini-data-card strong{color:var(--text-heading);font-family:var(--heading);margin:.2rem 0;font-size:1.25rem;display:block}.community-code-highlight{background:linear-gradient(#eef6fffa,#deedfceb);border:1px solid #2271e52e;border-radius:22px;gap:.35rem;margin-bottom:.85rem;padding:1rem 1.15rem;display:grid}.community-code-highlight span{color:var(--text-muted);letter-spacing:.14em;text-transform:uppercase;font-size:.88rem;font-weight:800}.community-code-value-row{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.community-code-value-row strong{color:var(--tone-blue);font-family:var(--heading);letter-spacing:.16em;text-transform:uppercase;font-size:clamp(2rem,4vw,3rem);line-height:1}.community-code-copy-action{width:3rem;height:3rem;color:var(--tone-blue);cursor:pointer;background:#ffffffc7;border:1px solid #2271e53d;border-radius:999px;justify-content:center;align-items:center;display:inline-flex;box-shadow:0 10px 24px #1951931a}.community-code-copy-action svg{width:1.25rem;height:1.25rem}.community-code-copy-action:hover{transform:translateY(-1px)}.community-code-highlight small{color:var(--text-muted);font-size:.98rem}.community-code-highlight .community-code-copy-feedback{color:var(--tone-blue);font-weight:800}.app-form{gap:1rem;margin-top:1rem;display:grid}.compact-form{margin-top:.5rem}.modal-table{gap:.85rem;display:grid}.modal-table-header,.modal-table-row{grid-template-columns:minmax(0,1.2fr) minmax(0,.9fr) 6rem minmax(12rem,auto);align-items:center;gap:1rem;display:grid}.modal-table-header{color:var(--text-muted);font-size:var(--type-small);text-transform:uppercase;letter-spacing:.12em;padding:0 .2rem}.modal-table-row{border:1px solid var(--border);cursor:pointer;background:#ffffffb8;border-radius:18px;padding:1rem 1.1rem;transition:border-color .2s,box-shadow .2s,transform .2s}.modal-table-row:hover{border-color:#125eb938;box-shadow:0 12px 28px #19519314}.modal-table-row-active{border-color:#125eb95c;box-shadow:0 16px 34px #1951931a}.modal-table-row strong,.modal-table-row span{min-width:0}.table-action-group{flex-wrap:wrap;justify-content:flex-start;gap:.75rem;display:flex}.user-modal-table-header,.user-modal-table-row{grid-template-columns:minmax(20rem,1.7fr) minmax(10rem,.8fr) minmax(13rem,.95fr) minmax(22rem,1.15fr);gap:1.25rem}.user-modal-table-header{align-items:end}.user-row-copy{gap:.15rem;min-width:0;display:grid}.user-row-copy strong,.user-row-copy span{overflow-wrap:anywhere;min-width:0}.user-row-copy span{color:var(--text-muted);font-size:var(--type-small)}.user-modal-table-row>span{overflow-wrap:anywhere;min-width:0}.user-modal-table-row{align-items:center}.user-modal-card .table-action-group .small-action,.user-modal-card .modal-inline-action{justify-content:center;width:10.75rem;min-width:10.75rem}.user-modal-card .table-action-group{flex-wrap:nowrap;align-items:center}.courts-modal-card .modal-table{gap:1rem}.courts-modal-card .modal-table-header,.courts-modal-card .modal-table-row{grid-template-columns:minmax(20rem,1.7fr) minmax(11rem,.95fr) minmax(7rem,.55fr) minmax(22rem,1.1fr);gap:1.25rem}.courts-modal-card .modal-table-header{align-items:end}.courts-modal-card .modal-table-row{align-items:center;padding:1.1rem 1.25rem}.courts-modal-card .modal-table-row>strong,.courts-modal-card .modal-table-row>span{overflow-wrap:anywhere;min-width:0}.courts-modal-card .table-action-group .small-action,.courts-modal-card .modal-inline-action{justify-content:center;width:10.75rem;min-width:10.75rem}.courts-modal-card .table-action-group{flex-wrap:nowrap;align-items:center}.modal-footer-actions{flex-wrap:wrap;justify-content:flex-start;gap:1rem;display:flex}.modal-inline-action{min-width:11rem}.form-action{justify-self:center;width:auto;min-width:12rem;max-width:100%;padding-inline:1.4rem}.text-link-action{color:var(--accent);font-size:var(--type-body);cursor:pointer;text-underline-offset:.18em;background:0 0;border:0;justify-self:center;padding:0;font-weight:600;text-decoration:underline}.text-link-action:hover{color:var(--accent-dark)}.active-reservations-card{gap:1rem;display:grid}.active-reservations-table{gap:.9rem;display:grid}.management-table-head,.active-reservation-row{grid-template-columns:minmax(12rem,1.45fr) minmax(7.5rem,.9fr) minmax(7rem,.8fr) minmax(7rem,.8fr) minmax(10rem,.95fr);gap:1rem;display:grid}.management-table-head{color:var(--text-muted);letter-spacing:.18em;text-transform:uppercase;align-items:end;font-size:.82rem}.active-reservation-row{background:#ffffffe6;border:1px solid #125eb93d;border-radius:22px;align-items:center;padding:1rem 1.15rem}.management-main-cell,.management-meta-cell,.management-actions-cell{min-width:0}.management-main-cell strong,.management-meta-cell span{overflow-wrap:anywhere;min-width:0;display:block}.management-meta-cell span{color:var(--text-heading);font-size:1rem}.management-actions-cell{justify-content:flex-start;display:flex}.active-reservations-card .modal-inline-action{justify-content:center;width:10.75rem;min-width:10.75rem}.active-reservations-actions{justify-content:flex-start;display:flex}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.two-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.full-span{grid-column:1/-1}.app-form label{color:var(--text-heading);font-weight:600;font-size:var(--type-subtitle);gap:.45rem;display:grid}.app-form input,.app-form select,.app-form textarea{border:1px solid var(--border);width:100%;color:var(--text-heading);background:#ffffffd1;border-radius:16px;padding:.9rem 1rem;font-size:1.08rem;line-height:1.35}.password-field{position:relative}.hidden-autofill-field{opacity:0;pointer-events:none;border:0;width:1px;height:1px;margin:0;padding:0;position:absolute}.password-field input{padding-right:6rem}.password-toggle{width:2.5rem;height:2.5rem;color:var(--text-heading);cursor:pointer;background:#0f63c814;border:1px solid #0f63c838;border-radius:999px;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:50%;right:.65rem;transform:translateY(-50%)}.password-toggle svg{width:1.15rem;height:1.15rem}.checkbox-row{grid-auto-flow:column;justify-content:flex-start;align-items:center}.checkbox-row input{width:auto}.app-form input:focus,.app-form select:focus,.app-form textarea:focus{border-color:#3f8cff6b;outline:2px solid #3f8cff38}.feedback-line{min-height:1.5rem;margin:0}.signup-success-panel{background:linear-gradient(#f7fbfff5,#e9f2fceb);border:1px solid #3f8cff2e;border-radius:18px;gap:1rem;padding:1.25rem;display:grid}.signup-success-panel h3{color:var(--text-heading);margin:0;font-size:1.35rem}.signup-success-panel p{color:var(--text-muted);margin:0;line-height:1.55}.simple-list{gap:.8rem;margin-top:1rem;display:grid}.list-row{background:#ffffffb8;border:1px solid #0b292414;border-radius:18px;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.1rem;display:flex}.list-row strong,.list-row small{display:block}.list-row strong{color:var(--text-heading);font-size:1.15rem;line-height:1.2}.list-row small{color:var(--text-muted);font-size:var(--type-small);line-height:1.45}.status-badge{color:var(--tone-green);background:#3f8cff1f;border-radius:999px;padding:.4rem .75rem;font-size:.85rem;font-weight:700}.small-action{min-height:2.5rem;padding:0 .9rem}.invite-preview{background:#ffffffb8;border:1px solid #0b292414;border-radius:18px;padding:1rem 1.1rem}.invite-preview strong,.invite-preview small{display:block}.invite-preview small{color:var(--text-muted)}.community-access-code-card{text-align:center;background:#ffffffc2;border:1px solid #0b29241a;border-radius:24px;justify-items:center;gap:.45rem;padding:1.25rem 1rem;display:grid}.community-access-code-label{color:var(--text-muted);letter-spacing:.14em;text-transform:uppercase;font-size:.95rem;font-weight:700}.community-access-code-value{color:var(--text-strong);letter-spacing:.2em;text-transform:uppercase;font-size:clamp(2rem,4vw,2.85rem);font-weight:900;line-height:1}.modal-overlay{z-index:30;background:#0c1a2c94;place-items:center;padding:1.5rem;display:grid;position:fixed;inset:0}.modal-card{contain:layout paint;width:min(760px,100vw - 2rem);max-height:min(88vh,980px);margin:0;overflow:hidden auto}.access-only-modal-card{width:min(560px,100vw - 2rem)}.user-modal-card{width:min(1240px,100vw - 2rem)}.user-form-modal-card{width:min(860px,100vw - 2rem)}.courts-modal-card{width:min(1160px,100vw - 2rem)}.modal-header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.access-modal-header{margin-bottom:1rem}.modal-form-shell{gap:1rem;display:grid}.modal-editor-form{width:min(720px,100%);margin-inline:auto}.modal-stack{gap:1.25rem;display:grid}.modal-subsection{border-top:1px solid #0b292414;padding-top:1rem}.action-row{flex-wrap:wrap;justify-content:flex-end;gap:.6rem;display:flex}.section-heading{gap:.45rem;width:100%;max-width:none;margin-bottom:1.3rem;display:grid}.section-heading h2{text-wrap:pretty;width:100%;max-width:none;font-size:var(--type-section-title);letter-spacing:-.02em;margin:0;font-weight:700;line-height:.98}.page-heading h2{font-size:var(--type-page-title);letter-spacing:-.025em;font-weight:800;line-height:.94}.feature-grid,.roadmap-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.single-column-grid,.steps-grid{grid-template-columns:1fr}.steps-grid{gap:1rem;display:grid}.info-card,.roadmap-card{padding:1.5rem}.step-card{background:#ffffffc2;border:1px solid #0b292414;border-radius:22px;padding:1.2rem 1.3rem}.step-card h3{color:var(--text-heading);font-size:var(--type-card-title);letter-spacing:-.01em;margin:0 0 .45rem;font-weight:700;line-height:1.04}.step-index{width:2.2rem;height:2.2rem;color:var(--tone-green);background:#3f8cff1f;border-radius:999px;justify-content:center;align-items:center;margin-bottom:0;font-weight:700;display:inline-flex;position:absolute;top:50%;left:0;transform:translateY(-50%)}.info-card h3,.admin-card h3,.court-card h3,.roadmap-card h3{font-family:var(--heading);color:var(--text-heading);letter-spacing:-.01em;margin:0 0 .55rem;font-size:1.3rem;font-weight:700;line-height:1.04}.split-section{width:var(--marketing-band-width);grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:0 auto;display:grid}.single-panel-section{grid-template-columns:1fr}.single-panel-section>.process-card{width:100%}.process-card{padding:2rem}.process-card h2{font-size:var(--type-card-title);letter-spacing:-.015em;margin:0 0 .8rem;font-weight:700;line-height:1.01}.panel-header h2,.modal-header h2{font-size:var(--type-section-title);letter-spacing:-.02em;margin:0;font-weight:800;line-height:.98}.subdued-card{background:linear-gradient(180deg, #f6fbfff5, #eaf4fff5), var(--card-bg)}.section-copy{color:var(--text-muted);max-width:58ch;font-size:var(--type-body);margin:0;line-height:1.6}.admin-grid{gap:1rem;margin-top:1rem;display:grid}.admin-card{background:#fffc;border:1px solid #0b292414;border-radius:22px;padding:1rem 1.1rem}.next-steps-note{background:#3f8cff14;border:1px solid #3f8cff24;border-radius:20px;margin-top:1rem;padding:1rem 1.1rem}.next-steps-note strong{color:var(--text-heading);margin-bottom:.35rem;font-size:1.02rem;display:block}.next-steps-note p{color:var(--text-muted);margin:0}.legend{flex-wrap:wrap;gap:.9rem;margin-bottom:1rem;display:flex}.availability-filters{grid-template-columns:minmax(0,1.4fr) minmax(14rem,.8fr);gap:1rem;margin-bottom:1rem;display:grid}.legend-item{color:var(--text-muted);font-size:var(--type-small);align-items:center;gap:.55rem;display:inline-flex}.swatch{border-radius:999px;width:.9rem;height:.9rem;display:inline-block}.schedule-grid{gap:1rem;display:grid}.court-card{padding:1.35rem}.court-header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.court-header p{color:var(--text-muted);font-size:var(--type-small);line-height:1.4}.slots{grid-template-columns:repeat(8,minmax(0,1fr));gap:.8rem;display:grid}.slot{text-align:center;cursor:default;border:1px solid #0000;border-radius:18px;justify-content:center;align-items:center;min-height:4.25rem;padding:.8rem .5rem;display:flex}.slot-interactive{cursor:pointer;transition:transform .18s,box-shadow .18s,filter .18s}.slot-interactive:hover{filter:saturate(1.04);transform:translateY(-2px)}.slot span{letter-spacing:-.02em;color:#fff;font-size:1.08rem;font-weight:700}.available,.swatch.available{background:#3fa55b;border-color:#31864a}.booked,.swatch.booked{background:#d85b52;border-color:#b9463d}.peak,.swatch.peak{background:#fab02c2e;border-color:#fab02c5c}.maintenance,.slot-past,.swatch.maintenance{background:#7d8591;border-color:#676f7b}.boundary-slot{background:#3fa55b;border-color:#31864a}.boundary-slot span{color:#fff}.slot.slot-selected{background:#e48c3a;border-color:#c86f20;box-shadow:0 0 0 3px #ffffffe0,0 0 0 6px #e48c3a2e}.slot.slot-range-selected,.slot.slot-end-boundary-selected{background:#e48c3a;border-color:#c86f20;box-shadow:inset 0 0 0 1px #ffffff38,0 0 0 3px #ffffffc2}.reservation-action-card{background:#ffffffb8;border:1px solid #0b292414;border-radius:20px;gap:.9rem;margin-top:1rem;padding:1rem 1.1rem;display:grid}.reservation-action-copy{text-align:center;justify-items:center;gap:.25rem;display:grid}.reservation-action-copy strong{color:var(--text-heading);letter-spacing:-.04em;text-wrap:balance;font-size:clamp(1.45rem,2.6vw,2.15rem);line-height:1.08}.reservation-cta-highlight{letter-spacing:-.05em;color:#154e96;text-shadow:0 10px 28px #144e962e;font-size:clamp(1.7rem,3vw,2.5rem);font-weight:800;animation:1.9s ease-in-out infinite reservationCtaPulse;display:inline-block}.reservation-action-copy small{color:var(--text-muted);font-size:var(--type-small)}@keyframes reservationCtaPulse{0%,to{opacity:.9;transform:translateY(0)}50%{opacity:1;transform:translateY(-2px)}}.reservation-action-buttons{flex-wrap:wrap;justify-content:flex-end;gap:.75rem;display:flex}.reservation-cancel-action,.reservation-confirm-action{min-width:11.5rem}.reservation-cancel-action{color:#fff8f7;background:linear-gradient(#b35752,#91413c);border-color:#9d4a46;order:1;box-shadow:inset 0 1px #ffffff2e,0 10px 24px #782d2933}.reservation-confirm-action{color:#f6fff8;background:linear-gradient(#2f7a49,#255f38);border-color:#275f39;order:2;box-shadow:inset 0 1px #ffffff29,0 10px 24px #1f533038}.reservation-modal-card{width:min(1080px,100vw - 3rem)}.reservation-modal-stack{gap:1.25rem}.reservation-helper-copy{color:var(--text-muted);font-size:var(--type-body);margin:0;line-height:1.55}.reservation-filters{margin-bottom:0}.reservation-modal-card-inner{box-shadow:none;padding:1.5rem}.reservation-summary-card,.reservation-slots-card{width:100%}.reservation-summary-card{gap:.9rem;padding:1.5rem;display:grid}.reservation-selection-summary{margin-bottom:0}.reservation-slots{grid-template-columns:repeat(auto-fit,minmax(7.25rem,1fr));margin-top:.25rem}.roadmap-card span{color:var(--tone-green);margin-bottom:.8rem;font-weight:700;display:inline-block}@media (width>=721px) and (width<=1280px){:root{--marketing-band-width:min(68vw, calc(100vw - 3rem), 1040px);--type-page-title:clamp(2rem, 3.15vw, 2.8rem);--type-section-title:clamp(1.45rem, 2vw, 1.9rem);--type-card-title:clamp(1.18rem, 1.55vw, 1.45rem);--type-subtitle:.96rem;--type-body:.94rem;--type-small:.86rem;font-size:15px}.page-shell{gap:1.5rem}.portal-shell,.content-section,.roadmap-section,.seo-positioning-section,.carousel-section,.footer-inner{width:min(1080px,100% - 2.5rem)}.portal-shell{padding-block:1.5rem}.hero-copy{padding:2.6rem}.hero-copy h1{font-size:clamp(2.65rem,4vw,4rem)}.brand-badge{border-radius:18px;width:3.2rem;height:3.2rem}.brand-copy strong{font-size:clamp(1rem,1.4vw,1.18rem)}.topbar-button{min-width:10rem}.carousel-brand-badge{width:4.3rem;height:4.3rem}.carousel-brand-copy strong{font-size:clamp(1.55rem,2.7vw,2.25rem)}.carousel-card{border-radius:26px;padding:2.15rem}.carousel-card-wide{min-height:min(58vh,38rem)}.carousel-stage{min-height:min(44vh,27rem)}.carousel-copy h3{font-size:clamp(2.15rem,3.5vw,3.25rem)}.carousel-description{font-size:1.08rem;line-height:1.65}.carousel-copy .header-style-action{min-width:14rem;min-height:3.6rem;margin-top:8rem;font-size:1.08rem}.carousel-functional-summary{width:min(calc(var(--marketing-band-width) + 4rem), calc(100vw - 2.5rem), 1120px);border-radius:24px;padding:1.65rem 1.8rem 1.8rem}.functional-summary-title{font-size:clamp(1.7rem,2.3vw,2.1rem)}.functional-summary-subtitle{font-size:1rem}.functional-highlight-item,.seo-positioning-card,.seo-faq-item{border-radius:20px;padding:1.05rem 1rem 1.15rem}.functional-highlight-icon{border-radius:15px;width:2.55rem;height:2.55rem;font-size:1.2rem}.functional-highlight-item h4{font-size:1.08rem}.functional-highlight-item p,.seo-positioning-card p,.seo-faq-item p{font-size:.94rem}.process-card,.info-card,.roadmap-card{border-radius:22px;padding:1.55rem}.mini-data-card,.community-code-highlight,.session-summary,.court-card,.reservation-action-card{border-radius:18px;padding:.9rem 1rem}.community-code-value-row strong{font-size:clamp(1.7rem,3vw,2.35rem)}.app-form input,.app-form select,.app-form textarea{padding:.75rem .9rem;font-size:1rem}.primary-action,.secondary-action,.ghost-action,.view-tab,.membership-chip{min-height:2.65rem;padding-inline:1rem}.slot{min-height:3.6rem}.slot span{font-size:.98rem}.modal-card{max-height:min(86vh,820px)}}@media (width<=1040px){.carousel-card-wide,.split-section{width:100%}.topbar,.hero-panel,.split-section,.feature-grid,.roadmap-grid,.slots,.workspace-grid,.mini-data-grid,.mini-data-grid-user,.stats-grid{grid-template-columns:1fr}.topbar{align-items:flex-start}.slots{grid-template-columns:repeat(4,minmax(0,1fr))}.topbar-user,.topbar-session{justify-items:start}.site-footer{grid-template-columns:1fr}.hero-copy,.carousel-card,.process-card{padding:2rem}.hero-copy h1,.hero-copy .eyebrow,.hero-copy .hero-text,.section-heading h2{max-width:none}.court-header{flex-direction:column;align-items:flex-start}.carousel-stage,.form-grid,.two-columns,.seo-positioning-grid,.seo-faq-list,.availability-filters{grid-template-columns:1fr}.modal-table-header{display:none}.modal-table-row{grid-template-columns:1fr}.management-table-head{display:none}.active-reservation-row{grid-template-columns:1fr}.table-action-group{justify-content:flex-start}.membership-row,.panel-quick-actions,.modal-header{align-items:stretch}.panel-action-button{flex:100%;min-width:0}.management-actions-cell{justify-content:flex-start}}@media (width<=720px){.slots{grid-template-columns:repeat(2,minmax(0,1fr))}.page-shell{gap:1.25rem}.portal-shell,.content-section,.roadmap-section,.carousel-section,.footer-inner{width:min(100%,100% - 1.5rem)}.portal-shell{min-height:calc(100vh - 10rem);padding:1.25rem .75rem 1.5rem}.hero-copy,.hero-highlight,.process-card,.info-card,.roadmap-card,.court-card{border-radius:22px}.hero-actions,.legend,.carousel-actions{flex-direction:column;align-items:stretch}.topbar{align-items:center;gap:.85rem;padding:.85rem .9rem 1rem}.brand-mark{flex:auto;align-items:center;gap:.75rem;width:auto;min-width:0}.brand-badge{border-radius:16px;width:3rem;height:3rem}.brand-copy{min-width:0}.brand-copy strong{font-size:1rem;line-height:1.05}.brand-copy small{font-size:.78rem;line-height:1.25}.topbar-menu-shell{flex:none;width:auto;position:relative}.topbar-mobile-toggle{flex-direction:column;display:inline-flex}.topbar-mobile-panel{z-index:20;background:linear-gradient(#11407efa,#2579d4f5);border:1px solid #ffffff29;border-radius:22px;width:min(19rem,100vw - 1.5rem);padding:.9rem;display:none;position:absolute;top:calc(100% + .6rem);right:0;box-shadow:0 20px 40px #0c2f613d}.topbar-mobile-panel-open{display:block}.topbar-mobile-panel .topbar-actions,.topbar-mobile-panel .topbar-user{width:100%}.topbar-mobile-panel .topbar-actions{flex-direction:column;align-items:stretch;display:flex}.topbar-mobile-panel .topbar-user{gap:.9rem;display:grid}.topbar-mobile-panel .topbar-session{justify-items:start}.carousel-logo-wrap{display:none}.primary-action,.secondary-action,.ghost-action,.topbar-button{width:100%}.topbar-button{min-width:0}.form-action{justify-self:center;width:auto}.mini-board div,.panel-header,.toolbar-row,.session-summary,.list-row,.action-row,.membership-row,.panel-quick-actions,.modal-header{flex-direction:column;align-items:flex-start}.hero-copy,.carousel-card,.process-card{padding:1.35rem}.hero-copy h1{margin:.45rem 0 .8rem;font-size:clamp(2.3rem,12vw,3.35rem);line-height:.94}.hero-text,.section-copy,.carousel-description{font-size:1rem;line-height:1.55}.carousel-card-wide{min-height:0}.carousel-stage{gap:.9rem;min-height:0;padding:.25rem 0}.step-index{margin-bottom:.25rem;position:static;transform:none}.carousel-copy{gap:.45rem}.carousel-copy h3{font-size:clamp(2rem,10vw,2.7rem);line-height:.98}.carousel-copy .header-style-action{margin-top:1rem}.carousel-functional-summary{width:min(100%,100vw - 1.5rem);margin-top:.8rem;left:50%;transform:translate(-50%)}.seo-positioning-section{width:min(100%,100vw - 1.5rem);padding:1.25rem}.functional-highlight-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}.functional-highlight-item{padding:1rem}.functional-highlight-item h4{font-size:1.14rem}.functional-highlight-item p{font-size:.98rem;line-height:1.55}.section-heading{gap:.35rem;margin-bottom:1rem}.page-heading h2{font-size:clamp(2rem,11vw,3rem);line-height:.95}.section-heading h2,.process-card h2,.panel-header h2,.modal-header h2{line-height:1}.mini-data-grid,.mini-data-grid-user{gap:.75rem}.mini-data-card{padding:.95rem 1rem}.mini-data-card strong{font-size:1.15rem}.modal-overlay{align-items:start;padding:.75rem;overflow-y:auto}.modal-card,.access-only-modal-card,.user-modal-card,.user-form-modal-card,.courts-modal-card,.reservation-modal-card{border-radius:24px;width:min(100%,100vw - 1rem);max-height:none}.modal-header{flex-direction:row;justify-content:space-between;align-items:flex-start;gap:.75rem}.modal-close-action.small-action{flex:none;align-self:flex-start;width:2.75rem;min-height:2.75rem}.modal-editor-form{width:100%}.app-form{gap:.85rem}.app-form label{gap:.35rem;font-size:1rem}.app-form input,.app-form select,.app-form textarea{padding:.85rem .95rem;font-size:1rem}.password-field input{padding-right:4.25rem}.password-toggle{width:2.35rem;height:2.35rem}.active-reservations-card,.reservation-action-card,.reservation-summary-card,.reservation-slots-card,.court-card{gap:.8rem;padding:1rem}.management-table-head{display:none}.active-reservation-row{border-radius:18px;gap:.45rem;padding:.95rem 1rem}.active-reservations-actions,.management-actions-cell,.reservation-action-buttons{justify-content:stretch;width:100%}.active-reservations-card .modal-inline-action,.reservation-cancel-action,.reservation-confirm-action{width:100%;min-width:0}.reservation-action-copy strong{font-size:clamp(1.3rem,7vw,1.8rem);line-height:1.02}.reservation-cta-highlight{font-size:clamp(1.3rem,7vw,1.9rem);line-height:1.04}.availability-filters,.reservation-filters{gap:.8rem;margin-bottom:.75rem}.court-card{padding:1rem}.court-header{gap:.45rem;margin-bottom:.75rem}.court-header strong{font-size:1.05rem}.court-header p{font-size:.88rem}.slots,.reservation-slots{gap:.65rem}.slot{border-radius:16px;min-height:3.7rem;padding:.65rem .35rem}.slot span{font-size:.98rem}}
