.modal-backdrop-ph{z-index:1050;background:rgba(5,10,20,.75);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;padding:16px}.modal-dialog-ph{width:100%;max-width:500px}.owner-modal-content{background:var(--bg-secondary);border:1px solid var(--border-glass-strong);border-radius:var(--r-lg);padding:38px 34px;position:relative;box-shadow:var(--shadow-lift)}.btn-close-ph{position:absolute;top:18px;left:18px;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--glass-fill-light);border:1px solid var(--border-glass);color:var(--text-muted);transition:all .3s var(--ease)}.btn-close-ph:hover{color:var(--white);border-color:var(--accent)}.owner-modal-icon{width:54px;height:54px;margin-bottom:14px}.owner-modal-body h3{font-size:1.4rem;color:var(--white);margin:8px 0 12px;line-height:1.3}.owner-modal-sub{color:var(--text-muted);font-size:.92rem;margin-bottom:26px}.owner-modal-note{display:flex;align-items:center;justify-content:center;gap:6px;text-align:center;font-size:.8rem;color:var(--text-faint);margin-top:16px}@media (max-width:575px){.owner-modal-content{padding:30px 22px}}.navbar-ph{position:fixed;top:0;left:0;right:0;z-index:1000;padding:22px 0;background:transparent;transition:background .4s var(--ease),padding .4s var(--ease),border-color .4s var(--ease),-webkit-backdrop-filter .4s var(--ease);transition:background .4s var(--ease),padding .4s var(--ease),backdrop-filter .4s var(--ease),border-color .4s var(--ease);transition:background .4s var(--ease),padding .4s var(--ease),backdrop-filter .4s var(--ease),border-color .4s var(--ease),-webkit-backdrop-filter .4s var(--ease);border-bottom:1px solid transparent}.navbar-ph.is-scrolled{padding:14px 0;background:rgb(11,16,32);border:1px solid var(--border-glass);border-radius:20px;top:10px;width:90%;margin:auto}.brand{height:90px;display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-weight:800;font-size:1.32rem;color:var(--white)}.brand img{width:auto;height:80px;border-radius:50%}.nav-links{display:flex;align-items:center;gap:38px}.nav-links a{font-size:.95rem;font-weight:500;color:var(--light-gray);position:relative;transition:color .3s var(--ease)}.nav-links a:after{content:"";position:absolute;right:0;bottom:-2px;width:0;height:2px;background:var(--accent);transition:width .3s var(--ease)}.nav-links a:before{content:"";position:absolute;width:20px;height:20px;border-radius:50%;background-image:url(/assets/imgs/logo1-removebg-preview.png);background-size:cover;background-position:50%;background-repeat:no-repeat;top:4px;right:0;transform:rotate(50deg) translateY(-10px);opacity:0;transition:all .4s ease}.nav-links a:hover:before{opacity:1;transform:rotate(5deg) translateY(0);right:-24px}.nav-links a:hover{color:var(--white)}.nav-links a:hover:after{width:100%}.navbar-cta{display:flex;align-items:center;gap:14px}.nav-toggle{width:44px;height:44px;border-radius:var(--r-sm);border:1px solid var(--border-glass-strong);background:var(--glass-fill-light);color:var(--white);align-items:center;justify-content:center}.nav-links .logo-mobil,.nav-toggle{display:none}.nav-close-btn{position:absolute;top:18px;left:18px;width:36px;height:36px;border-radius:50%;background:var(--glass-fill-light);border:1px solid var(--border-glass);color:var(--white);display:flex;align-items:center;justify-content:center;cursor:pointer}.nav-links-primary{display:flex;gap:26px;align-items:center}.nav-account-mobile{width:100%;margin-top:30px;padding-top:24px;border-top:1px solid var(--border-glass);display:flex;flex-direction:column;gap:4px}.nav-account-header{display:flex;align-items:center;gap:12px;padding:8px 16px 18px}.nav-account-name{color:var(--white);font-weight:700;font-size:.95rem}.nav-account-link{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:var(--r-sm);color:var(--text-muted);font-size:.88rem;background:none;border:none;width:100%;text-align:right;cursor:pointer;transition:all .25s var(--ease)}.nav-account-link:hover{background:var(--bg-elevated);color:var(--white)}.nav-account-link i{font-size:18px;color:var(--accent)}.nav-account-link.danger,.nav-account-link.danger i{color:#ff6b6b}@media (max-width:991px){.nav-links-primary{flex-direction:column;gap:5px}.nav-links{position:fixed;inset:0 0 0 auto;width:80%;max-width:340px;background:var(--bg-secondary);flex-direction:column;align-items:center;padding:60px 24px 40px;gap:0;transform:translateX(130%);transition:transform .45s var(--ease);border-left:1px solid var(--border-glass);min-height:100vh;overflow-y:auto;justify-content:flex-start}.nav-links.is-open{transform:translateX(0)}.nav-links .logo-mobil{display:block}.nav-toggle{display:inline-flex}.navbar-cta .btn-ghost{display:none}}.navbar-ph.is-scrolled{background:var(--nav-bg);-webkit-backdrop-filter:blur(18px) saturate(140%);backdrop-filter:blur(18px) saturate(140%)}.footer{border-top:1px solid var(--border-glass);padding:70px 0 28px}.footer-brand p{margin-top:16px;max-width:280px;font-size:.92rem}.footer-col h4{font-size:.84rem;font-weight:700;color:var(--white);text-transform:uppercase;letter-spacing:.08em;margin-bottom:20px;text-align:right}.footer-col a{color:var(--text-muted);transition:color .3s var(--ease);margin-bottom:13px;font-size:.92rem;display:flex;gap:5px;align-items:baseline}.footer-col a:hover{color:var(--accent)}.footer-contact li{display:flex;gap:10px;align-items:flex-start;color:var(--text-muted);font-size:.92rem;margin-bottom:13px}.social-row{display:flex;gap:10px;margin-top:22px}.social-row a{font-size:22px;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--glass-fill-light);border:1px solid var(--border-glass);transition:background .3s var(--ease),border-color .3s var(--ease),transform .3s var(--ease)}.social-row a:hover{border-color:var(--accent);color:#04140e;transform:translateY(-3px)}.footer-bottom{margin-top:50px;padding-top:24px;border-top:1px solid var(--border-glass);display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:.82rem}.footer-bottom,.footer-bottom a{color:var(--text-faint)}.footer-bottom a:hover{color:var(--accent)}.profile-menu{position:relative}.profile-menu-trigger{background:none;border:none;padding:0;cursor:pointer}.profile-menu-avatar{width:40px;height:40px;border-radius:50%;background:var(--accent-soft);color:var(--accent);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.95rem;border:1.5px solid var(--accent);flex-shrink:0}.profile-menu-dropdown{position:absolute;top:calc(100% + 12px);left:0;width:220px;z-index:100;background:var(--bg-secondary);border:1px solid var(--border-glass-strong);border-radius:var(--r-md);box-shadow:var(--shadow-lift);overflow:hidden;animation:dropdownIn .25s var(--ease)}@keyframes dropdownIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.profile-menu-header{display:flex;align-items:center;gap:10px;padding:16px;border-bottom:1px solid var(--border-glass)}.profile-menu-name{font-size:.9rem;font-weight:700;color:var(--white)}.profile-menu-item{display:flex;align-items:center;gap:10px;padding:12px 16px;width:100%;text-align:right;background:none;border:none;color:var(--text-muted);font-size:.88rem;cursor:pointer;transition:all .25s var(--ease)}.profile-menu-item:hover{background:var(--bg-elevated);color:var(--white)}.profile-menu-item i{font-size:18px;color:var(--accent)}.profile-menu-item.danger:hover,.profile-menu-item.danger:hover i{color:#ff6b6b}@media (max-width:991px){.profile-menu-dropdown{position:static;box-shadow:none;border:none;background:transparent;margin-top:12px;width:100%}}.profile-menu-item--highlight{color:var(--accent);font-weight:700}.profile-menu-item--highlight i{color:var(--accent)}.profile-menu-item--highlight:hover{background:var(--accent-soft);color:var(--accent)}.hero{position:relative;padding-top:120px;padding-bottom:70px;overflow:hidden;isolation:isolate;min-height:100vh}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,10,20,.55) 0,rgba(5,10,20,.7) 40%,rgba(5,10,20,.92));z-index:-2}.hero-shape{position:absolute;border-radius:50%;filter:blur(2px);opacity:.5;animation:floatY 7s ease-in-out infinite;pointer-events:none}.hero-shape.s1{width:14px;height:14px;background:var(--accent);top:22%;left:8%;animation-delay:0s}.hero-shape.s2{width:9px;height:9px;background:var(--white);top:62%;left:14%;opacity:.35;animation-delay:1.4s}.hero-shape.s3{width:20px;height:20px;border:2px solid var(--accent);background:transparent;top:30%;right:10%;animation-delay:.7s}.hero-shape.s4{width:7px;height:7px;background:var(--accent);top:74%;right:18%;animation-delay:2.1s}@keyframes floatY{0%,to{transform:translateY(0)}50%{transform:translateY(-22px)}}.hero-content{position:relative;z-index:2;text-align:center;max-width:880px;margin:0 auto;display:flex;flex-direction:column;justify-content:center;align-items:center}.hero-badge{display:inline-flex;align-items:center;gap:9px;background:var(--glass-fill);border:1px solid var(--border-glass-strong);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:8px 18px;border-radius:var(--r-pill);font-size:.82rem;font-weight:600;color:var(--light-gray);margin:24px 0}.hero-badge .pulse-img{position:relative;width:20px;height:20px;border-radius:50%}.hero h1{font-size:clamp(2.3rem,5.4vw,4.4rem);color:var(--white);margin-bottom:22px}.hero-sub{font-size:clamp(1rem,1.6vw,1.2rem);color:var(--text-muted);max-width:600px;margin:0 auto 48px}.search-card{position:relative;z-index:3;max-width:860px;width:100%;margin:0 auto;background:rgba(11,16,32,.75);border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(24px) saturate(160%);-webkit-backdrop-filter:blur(24px) saturate(160%);border-radius:24px;padding:10px;box-shadow:0 32px 64px rgba(0,0,0,.45),inset 0 0 0 1px rgba(0,214,143,.08)}.search-card-label{display:flex;align-items:center;gap:8px;font-size:.72rem;font-weight:700;color:var(--accent);letter-spacing:.06em;text-transform:uppercase;padding:4px 14px 10px}.search-grid{display:flex;align-items:center;background:rgba(255,255,255,.04);border-radius:18px;border:1px solid rgba(255,255,255,.07);overflow-x:auto;gap:5px;padding:10px}.search-divider{width:1px;background:rgba(255,255,255,.07);flex-shrink:0;margin:10px 0}.search-field{flex:1 1;padding:14px 18px;display:flex;flex-direction:column;gap:7px;transition:background .3s ease;min-width:0;border:1px solid var(--accent);border-radius:10px}.search-field:hover{background:rgba(255,255,255,.04)}.search-field:focus-within{background:rgba(0,214,143,.05)}.search-field label{display:flex;align-items:center;gap:6px;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint);white-space:nowrap}.search-field input,.search-field select{background:transparent;border:0;outline:0;color:var(--white);font-family:var(--font-body);font-size:.95rem;font-weight:600;width:100%;padding:0;cursor:pointer}.search-field input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;filter:invert(1) sepia(1) saturate(5) hue-rotate(180deg)}.search-field select option{background:#121826;color:#fff}.select-wrapper{position:relative;display:flex;align-items:center;gap:0}.select-wrapper select{appearance:none;padding-right:10px}.select-arrow{position:absolute;right:0;top:50%;transform:translateY(-50%);font-size:18px;color:var(--accent);pointer-events:none;transition:transform .3s ease}.select-wrapper:focus-within .select-arrow{transform:translateY(-50%) rotate(180deg)}.search-submit{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;flex-shrink:0;width:110px;height:50px;border:1px solid var(--accent);border-radius:14px;margin:6px;text-decoration:none;transition:all .35s ease;position:relative;overflow:hidden}.search-submit:hover{transform:scale(1.03);box-shadow:0 10px 28px rgba(0,214,143,.35);color:#04140e}.search-submit:hover:before{opacity:1}.search-submit:active{transform:scale(.97)}.submit-text{font-size:.78rem;font-weight:800;color:var(--accent);white-space:nowrap}.tournament-cta{display:flex;align-items:center;justify-content:center;gap:8px;font-weight:700}@media (max-width:768px){.search-grid{flex-direction:column;border-radius:16px;overflow:hidden}.search-field{width:100%}.search-divider{width:auto;height:1px;margin:0 14px}.search-submit{flex-direction:row;width:auto;margin:8px;padding:16px;border-radius:12px;width:100%}.submit-icon{font-size:20px}.submit-text{font-size:.9rem}}.time-chips-row{display:flex;gap:8px;flex-wrap:wrap}.time-chip{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 14px;border-radius:15px;border:1.5px solid rgba(255,255,255,.12);background:transparent;color:var(--light-gray);font-size:.82rem;font-weight:600;cursor:pointer;transition:all .25s var(--ease);white-space:nowrap}.time-chip:hover{border-color:rgba(0,214,143,.4)}.time-chip.is-active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.time-chip-range{font-size:.68rem;font-weight:500;opacity:.6}.time-chip.is-active .time-chip-range{opacity:.85}@media (max-width:575px){.time-chips-row{overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}}.search-field-block{padding:14px 18px}.search-field-block label{display:flex;align-items:center;gap:6px;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint);margin-bottom:10px}.search-field-block label i{font-size:14px;color:var(--accent)}.hero-badge{border-color:var(--border-glass-strong)}.search-submit{background:var(--grad)}.submit-icon,.submit-text{color:#fff}.quick-book-modal{background:var(--bg-secondary);border:1px solid var(--border-glass);border-radius:var(--r-md);padding:24px;max-width:460px;width:92%;max-height:80vh;overflow-y:auto;position:relative}.quick-book-list{display:flex;flex-direction:column;gap:10px}.quick-book-row{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:var(--bg-primary);border:1px solid var(--border-glass);border-radius:var(--r-sm)}.search-field-hint{display:block;font-size:.72rem;color:var(--accent);margin-top:4px}.courts-section{position:relative;padding-top:100px;overflow:hidden;isolation:isolate}.courts-section:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,10,20,.55) 0,rgba(5,10,20,.7) 40%,rgba(5,10,20,.88) 75%,rgba(5,10,20,.95));z-index:-2}.courts-grid{margin-top:60px}.feature-card{background:transparent;border:1px solid var(--border-glass);border-radius:var(--r-lg);padding:34px 28px;height:100%;transition:transform .4s var(--ease),border-color .4s var(--ease),background .4s var(--ease)}.feature-card:hover{transform:translateY(-6px);border-color:var(--accent);background:var(--bg-elevated)}.feature-card .icon-circle{width:56px;height:56px;margin-bottom:22px}.feature-card h3{font-size:1.18rem;color:var(--white);margin-bottom:10px}.feature-card p{font-size:.92rem}