*{scrollbar-width:thin;scrollbar-color:var(--primary-color) #f1f5f9;margin:0;padding:0;font-family:Outfit,sans-serif}:root{--primary-color:#004aad;--secondary-color:#f3f6f9;--danger-color:#dc2626;--success-color:#16a34a;--warning-color:#f59e0b}main{min-height:80vh}a{color:currentColor;text-decoration:none;display:block}button:disabled{opacity:.5;cursor:not-allowed!important}.layout{width:80rem;max-width:100%;margin:auto}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}::-webkit-scrollbar-thumb{background:var(--primary-color);border:2px solid #f1f5f9;border-radius:10px;transition:background .2s}::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}::-webkit-scrollbar-thumb:active{background:#003b8f}::-webkit-scrollbar-corner{background:var(--primary-color)}::-webkit-scrollbar:horizontal{height:8px}::-webkit-scrollbar-thumb:horizontal{border:2px solid #f1f5f9}.site-footer ::-webkit-scrollbar-track{background:#0d1a2b}header .category-container ::-webkit-scrollbar-track{background:#0d1a2b}.site-footer ::-webkit-scrollbar-thumb{background:#2a3a4f;border-color:#0d1a2b}header .category-container ::-webkit-scrollbar-thumb{background:#2a3a4f;border-color:#0d1a2b}.site-footer ::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}header .category-container ::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}.lds-ellipsis{gap:5px;width:fit-content;margin:auto;display:inline-flex}.lds-ellipsis span{background:#fff;border-radius:50%;width:10px;height:10px;animation:.6s infinite alternate lds-ellipsis}.lds-ellipsis span:nth-child(2){animation-delay:.2s}.lds-ellipsis span:nth-child(3){animation-delay:.4s}@keyframes lds-ellipsis{0%{opacity:.5;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.loading{background:#fff;justify-content:center;align-items:center;width:100%;height:100%;margin-top:4rem;display:flex}.loading.lds-ellipsis span{background:var(--primary-color);width:15px;height:15px}header{justify-content:space-between;align-items:center;gap:1rem;padding:2rem;display:flex}header a{display:flex}header .search{width:70%}header .search input{background-color:#f3f6f9;border:1px solid #ccc5;border-radius:2rem;width:calc(100% - 4rem);padding:1rem 2rem;font-size:1rem;box-shadow:10px 10px 20px #0000000a}header .center{align-items:center;gap:2rem;display:flex}header .center a,header .right{align-items:center;gap:1rem;display:flex}header .location{color:var(--primary-color);cursor:pointer;background-color:#f3f6f9;border:none;border-radius:2rem;padding:.8rem 1rem}header .login{background-color:var(--primary-color);color:#fff;border-radius:2rem;padding:1rem 2rem;box-shadow:10px 10px 20px #0000000a}header .avatar{object-fit:cover;border-radius:50%}header .category-container{z-index:100;background:#fff;border-radius:0;width:fit-content;padding:1.5rem;transition:all .3s linear;position:fixed;inset:0;transform:translate(-120%);box-shadow:10px 10px 20px #0005}header .category-container.open{transform:translate(0)}header .category-container .close{cursor:pointer;color:#c20303;background:0 0;border:none;display:block;position:absolute;top:1.5rem;right:1rem}header .category-container .categories{justify-content:left;align-items:unset;border:none;flex-direction:column;margin:0;display:flex}header .category-container .categories img{margin-bottom:2rem}header .category-container .categories .categorie{color:#fff;flex-direction:row;gap:0;padding:0;font-weight:700;transition:all .3s linear}header .category-container .categories .categorie .name{white-space:nowrap;max-width:0;font-size:12px;transition:max-width .3s linear;display:flex;overflow:hidden}header .category-container .categories .categorie .name span{width:1.2rem;display:block}header .category-container .categories .categorie:hover .name{max-width:200px}header .category-container .categories .categorie svg{width:14px;height:14px}header .menu{cursor:pointer;background:0 0;border:none;font-size:1.5rem;display:block}header .menu svg{color:var(--primary-color);cursor:pointer;width:2rem;height:2rem;margin:auto;display:flex}.category-container .categories .categorie{box-shadow:unset;border:none;border-radius:.5rem;display:flex;color:#111!important;background:0 0!important;gap:1rem!important;padding:.5rem!important}.category-container .categories .categorie:hover{background:#0001!important}.category-container .categories .categorie .icon{width:27px;height:30px}.category-container .categories .categorie .icon svg{color:#000;width:25px;height:25px}header .category-container .categories .categorie .name{max-width:100%;font-size:18px;font-weight:400}.hero{width:80%;margin:0 auto 2rem}.hero .swiper{border-radius:2rem;width:100%;height:200px}.hero .swiper-slide{color:#fff;background-position:50%;background-size:cover;justify-content:center;align-items:center;font-size:40px;font-weight:700;display:flex}.hero .slide{background-image:url(--img);background-position:0;background-size:cover}.hero .swiper-pagination-bullet{opacity:1;background-color:#fff;border-radius:5px;width:15px;height:8px}.hero .swiper-pagination-bullet-active{background-color:var(--primary-color);width:30px}.content{width:80%;margin:0 auto}.filter{background:var(--primary-color);color:#fff;border-radius:18px;align-items:stretch;width:calc(100% - 2rem);margin:2rem auto;padding:.75rem;display:flex;box-shadow:0 8px 30px #0000000f}.filter-item{border-right:1px solid #e5e7eb;flex-direction:column;flex:1;justify-content:center;min-width:0;padding:.7rem 1.5rem;display:flex}.filter-item:last-child{border-right:none}.filter-item label{margin-bottom:1rem}.custom-select{width:100%;position:relative}.select-button{color:#666;text-align:left;cursor:pointer;background:#fff;border:none;border-radius:2rem;outline:none;justify-content:space-between;align-items:center;gap:.5rem;width:100%;height:28px;padding:2rem;font-family:inherit;font-size:.9rem;display:flex}.select-button.selected{color:#222}.select-button svg{flex-shrink:0;transition:transform .2s}.custom-select:focus-within .select-button svg{transform:rotate(180deg)}.select-menu{z-index:100;background:#fff;border:1px solid #e5e7eb;border-radius:12px;width:calc(100% - 1rem);padding:.45rem;position:absolute;top:calc(100% + 12px);left:0;box-shadow:0 12px 35px #0000001f}.select-menu button{color:#444;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;width:100%;padding:.7rem .8rem;font-family:inherit;font-size:.88rem;transition:all .15s;display:block}.select-menu button:hover{color:var(--primary-color);background:#f3f6fa}.select-menu button.active{color:var(--primary-color);background:#004aad14;font-weight:600}.date-input{width:100%;height:28px;position:relative}.date-input input{opacity:0;z-index:2;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.date-input span{color:#222;pointer-events:none;align-items:center;font-size:.9rem;display:flex;position:absolute;inset:0}.date-input span.placeholder{color:#666}.custom-date{width:100%;position:relative}.date-button{color:#666;text-align:left;cursor:pointer;background:#fff;border:none;border-radius:2rem;outline:none;justify-content:space-between;align-items:center;gap:.5rem;width:100%;height:28px;padding:2rem;font-family:inherit;font-size:.9rem;display:flex}.date-button.selected{color:#222}.date-button svg{color:#666;flex-shrink:0}.calendar{z-index:200;background:#fff;border:1px solid #e5e7eb;border-radius:16px;width:310px;padding:1rem;position:absolute;top:calc(100% + 14px);right:0;box-shadow:0 15px 40px #00000024}.calendar-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.calendar-header strong{color:#222;font-size:.95rem}.calendar-nav{color:#555;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.calendar-nav:hover{color:var(--primary-color);background:#f1f3f5}.calendar-weekdays{grid-template-columns:repeat(7,1fr);margin-bottom:.4rem;display:grid}.calendar-weekdays span{text-align:center;color:#999;font-size:.7rem;font-weight:600}.calendar-days{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.calendar-day{color:#333;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;margin:auto;font-family:inherit;font-size:.82rem;display:flex}.calendar-day:hover{color:var(--primary-color);background:#f0f4f8}.calendar-day.today{border:1px solid var(--primary-color);color:var(--primary-color);font-weight:600}.calendar-day.selected,.calendar-day.selected:hover{background:var(--primary-color);color:#fff;font-weight:600}.calendar-days .empty{width:36px;height:36px;margin:auto}.category-container-home .categories{grid-template-columns:repeat(6,minmax(0,1fr));gap:2rem;margin:2rem 0;display:grid}.category-container-home .categories .categorie{color:#fff;border-radius:2rem;flex-direction:column;align-items:center;padding:.5rem 0 1.2rem;display:flex;box-shadow:10px 10px 20px #0000000a}.category-container-home .categories .categorie .icon{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;display:flex}.content .head{flex-direction:row;justify-content:space-between;align-items:center;gap:1rem;display:flex}.content .head .right a{color:var(--primary-color);white-space:nowrap;align-items:center;gap:.5rem;font-weight:700;display:flex}.venue-container .venues{grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;padding:2rem 0;display:grid;overflow:auto}.venue-container .venues .venue{flex-direction:column;gap:1rem;min-width:300px;display:flex}.venue-container .venues .venue .image{position:relative}.venue-container .venues .venue .image img{object-fit:cover;border-radius:1rem;width:100%;height:200px;box-shadow:10px 10px 20px #00000023}.venue-container .venues .venue .image .promo-code{color:#fff;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#b30303;border:1px solid #fff;border-radius:1rem;padding:.2rem .5rem;font-size:.8rem;position:absolute;top:10px;left:10px;box-shadow:10px 10px 20px #00000023}.venue-container .venues .venue .image .review-box{color:#fff;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#0005;border-radius:1rem;padding:.2rem .5rem;position:absolute;bottom:1rem;left:10px;box-shadow:10px 10px 20px #00000023}.venue-container .venues .venue .info{flex-direction:column;display:flex}.venue-container .venues .venue .info .top{justify-content:space-between;align-items:center;display:flex}.venue-container .venues .venue .info .top .status{color:#16a34a;background-color:#f0fdf4;border-radius:2rem;padding:.2rem .5rem;font-size:.8rem}.venue-container .venues .venue .info .location{color:var(--primary-color);font-weight:700}.account-container{background:#f3f6f9;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100vh;display:flex}.account-container img{margin-bottom:2rem}.account-container form{background-color:#fff;border:1px solid #ccc5;border-radius:2rem;flex-direction:column;gap:1rem;width:300px;max-width:calc(100% - 4rem);padding:2rem;display:flex;box-shadow:10px 10px 20px #0000000a}.account-container form .head{background:#f3f6f9;border:1px solid #ccc5;border-radius:2rem;justify-content:space-between;align-items:center;padding:.4rem;display:flex}.account-container form .head button{cursor:pointer;background:0 0;border:none;border-radius:2rem;width:100%;padding:.5rem 2rem;font-size:1rem}.account-container form .head button.active{background-color:var(--primary-color);color:#fff}.account-container form .forgot-password{color:var(--primary-color);text-align:right;font-size:.8rem}.account-container form input,.account-container form button[type=submit]{border:1px solid #ccc5;border-radius:2rem;width:calc(100% - 4rem);padding:1rem 2rem;font-size:1rem}.account-container form ul{font-size:12px;list-style:none}.account-container form button[type=submit]{background-color:var(--primary-color);color:#fff;text-align:center;cursor:pointer;width:100%}.account-container form .bottom-line{color:#ccc;align-items:center;gap:1rem;width:100%;display:flex}.account-container form .bottom-line hr{border:none;border-bottom:1px solid #ccc5;flex:1}.account-container p{color:#aaa;align-items:center;gap:.5rem;margin-top:1rem;display:flex}.account-container p a{color:var(--primary-color);text-decoration:none}.account-container form .resend{color:var(--primary-color);text-align:center;cursor:pointer;background:0 0;border:none;font-size:.8rem}.alert{z-index:1000;background:#fff;border:1px solid #ccc5;border-radius:1rem;align-items:center;gap:1rem;margin:15px 0;padding:12px 20px;font-size:16px;transition:all .3s;animation:.3s forwards fade-in;display:flex;position:fixed;top:20px;left:50%;transform:translate(-50%);box-shadow:10px 10px 20px #0000000a}@keyframes fade-in{0%{opacity:0;transform:translate(-50%,-100px)}to{opacity:1;transform:translate(-50%)}}.alert .close{cursor:pointer;color:red;font-size:20px}.alert-success{color:#58b25a;border-color:#58b25a}.alert-danger{color:#f70d0d;border-color:#f70d0d}.alert-warning{color:#f7c500;border-color:#f7c500}.alert-info{color:#0c5460;background-color:#d1ecf1;border-color:#bee5eb}.setup-container form{position:relative}.setup-container .select .options{color:#fff;background:#000;border:1px solid #ccc5;border-radius:2rem;width:calc(100% - 2rem);max-height:calc(100% - 2rem);padding:1rem;position:absolute;bottom:0;left:0;overflow:auto;box-shadow:10px 10px 20px #0000000a}.setup-container .select .options .option{cursor:pointer;border-radius:2rem;padding:1rem;transition:all .3s}.setup-container .select .options .option:hover{background:#ccc2}.setup-container button.skip{color:var(--primary-color);border:1px solid var(--primary-color);text-align:center;cursor:pointer;background:0 0;border-radius:2rem;margin-top:.5rem;padding:1rem;display:inline-block}.profile-container{box-sizing:border-box;background:#fff;border:1px solid #ccc5;border-radius:2rem;width:50rem;max-width:calc(100% - 2rem);margin:2rem auto;padding:2rem;box-shadow:10px 10px 20px #0000000a}.profile-container .head{justify-content:space-between;align-items:center;gap:2rem;display:flex}.profile-container .head .left{align-items:center;gap:2rem;min-width:0;display:flex}.profile-container .head img{object-fit:cover;border-radius:50%;flex-shrink:0;width:100px;height:100px}.profile-container .head .info{flex-direction:column;gap:.5rem;min-width:0;display:flex}.profile-container .head .info h1{color:#111827;overflow-wrap:anywhere;margin:0;font-size:1.5rem;font-weight:700}.profile-container .head .info p{color:#6b7280;overflow-wrap:anywhere;margin:0;font-size:.95rem}.profile-container .head .right{flex-shrink:0;align-items:center;gap:1rem;display:flex}.profile-container .head .right button,.profile-container .head .right a{text-align:center;cursor:pointer;border:1px solid var(--primary-color);background:var(--primary-color);color:#fff;white-space:nowrap;border-radius:2rem;padding:1rem 2rem;font-size:1rem;font-weight:600;transition:all .2s;display:inline-block}.profile-container .head .right a{background:#000;border-color:#000}.profile-container .head .right button:hover{background:#003b8f;border-color:#003b8f}.profile-container .head .right a:hover{background:#1a1a1a;border-color:#1a1a1a}.profile-container .booking-stats{box-sizing:border-box;background:#f3f6f9;border:1px solid #ccc5;border-radius:2rem;justify-content:space-between;align-items:center;gap:1rem;margin-top:2rem;padding:2rem;display:flex;box-shadow:10px 10px 20px #0000000a}.profile-container .booking-stats .item{text-align:center;flex-direction:column;flex:1;align-items:center;gap:.5rem;min-width:0;display:flex}.profile-container .booking-stats .item h2{color:var(--primary-color);margin:0;font-size:1.75rem;font-weight:700}.profile-container .booking-stats .item p{color:#6b7280;margin:0;font-size:.85rem}.profile-container hr{border:none;border-top:1px solid #ccc5;margin:2rem 0}.profile-container .profile-links{justify-content:space-between;align-items:center;gap:2rem;display:flex}.profile-container .profile-links a{border:1px solid var(--primary-color);text-align:center;background:var(--primary-color);color:#fff;cursor:pointer;border-radius:2rem;width:100%;margin-top:.5rem;padding:1rem 2rem;font-size:1rem;display:inline-block}.profile-container .section-header{justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex}.profile-container .section-header h2{color:#111827;margin:0;font-size:1.35rem;font-weight:700}.profile-container .my-bookings,.profile-container .my-matches{margin-top:2.5rem}.profile-container .my-bookings .empty-bookings,.profile-container .my-matches .empty-matches{text-align:center;color:#6b7280;background:#f9fafb;border:1px dashed #ccc8;border-radius:1.5rem;padding:2rem;font-size:.95rem}.profile-container .my-bookings .bookings-list,.profile-container .my-matches .matches-list{flex-direction:column;gap:1rem;display:flex}.profile-container .my-bookings .booking-item,.profile-container .my-matches .match-item{background:#fff;border:1px solid #e7ebf0;border-radius:1.25rem;justify-content:space-between;align-items:center;gap:1.5rem;padding:1.25rem 1.5rem;transition:all .2s;display:flex;box-shadow:0 6px 20px #0f172a0b}.profile-container .my-bookings .booking-item:hover,.profile-container .my-matches .match-item:hover{border-color:#cbd9ea;transform:translateY(-3px);box-shadow:0 14px 30px #0f172a17}.profile-container .my-bookings .booking-info,.profile-container .my-matches .match-info{flex-direction:column;gap:.35rem;min-width:0;display:flex}.profile-container .my-bookings .booking-info h3,.profile-container .my-matches .match-info h3{color:#111827;overflow-wrap:anywhere;margin:0 0 .25rem;font-size:1.1rem;font-weight:700}.profile-container .my-bookings .booking-info p,.profile-container .my-matches .match-info p{color:#64748b;overflow-wrap:anywhere;margin:0;font-size:.85rem}.profile-container .my-bookings .booking-action{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.profile-container .my-bookings .booking-action button,.profile-container .my-matches .match-action button{border:1px solid var(--danger-color);background:var(--danger-color);color:#fff;cursor:pointer;white-space:nowrap;border-radius:2rem;padding:.75rem 1.5rem;font-size:.9rem;font-weight:600;transition:all .2s}.profile-container .my-bookings .booking-action button:hover,.profile-container .my-matches .match-action button:hover{background:#b91c1c;border-color:#b91c1c}.profile-container .my-bookings .booking-action button:disabled{opacity:.5;cursor:not-allowed}.profile-container .my-bookings .booking-action .cancelled{color:var(--danger-color);background:#fef2f2;border-radius:2rem;padding:.5rem 1rem;font-size:.85rem;font-weight:700;display:inline-block}.profile-container .my-matches .match-role{border-radius:2rem;width:fit-content;margin-top:.4rem;padding:.25rem .75rem;font-size:.75rem;font-weight:700;display:inline-flex}.profile-container .my-matches .match-role.creator{color:var(--primary-color);background:#e9f2ff}.profile-container .my-matches .match-role.joined{color:var(--success-color);background:#f0fdf4}.profile-container .my-matches .match-action{flex-shrink:0}.profile-container .my-matches .match-action a{border:1px solid var(--primary-color);background:var(--primary-color);color:#fff;white-space:nowrap;border-radius:2rem;padding:.75rem 1.5rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-block}.profile-container .my-matches .match-action a:hover{background:#003b8f;border-color:#003b8f}.edit-profile{z-index:9999;box-sizing:border-box;background:#0000006e;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.edit-profile form{box-sizing:border-box;background:#fff;border:1px solid #ccc5;border-radius:2rem;width:350px;max-width:100%;padding:2rem;box-shadow:10px 10px 20px #0000000a}.edit-profile form .form-group{margin-bottom:1rem}.edit-profile form input,.edit-profile form select{color:#111827;box-sizing:border-box;background:#fff;border:1px solid #ccc5;border-radius:2rem;outline:none;width:100%;padding:1rem 1.25rem;font-family:inherit;font-size:1rem;transition:all .2s}.edit-profile form input:focus,.edit-profile form select:focus{border-color:var(--primary-color);box-shadow:0 0 0 4px #004aad14}.edit-profile form button{cursor:pointer;border:1px solid var(--primary-color);background:var(--primary-color);color:#fff;border-radius:2rem;width:100%;margin-top:.5rem;padding:1rem 2rem;font-size:1rem;font-weight:600;transition:all .2s}.edit-profile form button:hover{background:#003b8f;border-color:#003b8f}.edit-profile form button[type=button]{color:var(--danger-color);border:1px solid var(--danger-color);background:0 0;margin-top:.75rem}.edit-profile form button[type=button]:hover{background:#dc26260f}.edit-profile form button:disabled{opacity:.5;cursor:not-allowed}.venue input[type=date]{border:1px solid #ccc5;border-radius:1rem;padding:1rem 2rem;font-size:1rem}.venue hr{border:none;border-top:1px solid #ccc5;margin:2rem 0}.venue ul{margin:0;padding:0;list-style:none}.venue ul li{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.venue .week-days,.venue .session-lengths,.venue .time-slots{justify-content:space-between;align-items:center;gap:1rem;width:100%;margin-bottom:1rem;display:flex}.venue .week-days .day,.venue .session-lengths .length,.venue .time-slot{cursor:pointer;background:#fff;border:1px solid #ccc5;border-radius:1rem;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:1rem;transition:all .3s;display:flex}.venue .week-days .day.active,.venue .session-lengths .length.active,.venue .time-slot.active{background:var(--primary-color);color:#fff}.venue .time-slots{grid-template-columns:repeat(6,1fr);gap:1rem;display:grid}.venue .time-slot.disabled{cursor:not-allowed;opacity:.5}.venue .session-lengths{width:fit-content}.venue .session-lengths .length{background:#ccc2;width:fit-content}.venue .time-slot{background:#f3f6f9;width:calc(100% - 2rem)}.venue .head{border:1px solid #ccc5;border-radius:2rem;gap:4rem;padding:2rem;display:flex}.venue .head .venue-image{position:relative}.venue .head img{border-radius:1rem;height:500px}.venue .head .venue-image .promo-code{color:#fff;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#b30303;border:1px solid #fff;border-radius:1rem;padding:.2rem .5rem;font-size:.8rem;position:absolute;top:10px;left:10px;box-shadow:10px 10px 20px #00000023}.venue .booking-summary{border:1px solid #ccc5;border-radius:2rem;margin-bottom:2rem;padding:2rem}.venue .booking-summary h2{margin-bottom:1rem}.venue .booking-summary button{border:1px solid var(--primary-color);text-align:center;background:var(--primary-color);color:#fff;cursor:pointer;border-radius:2rem;width:fit-content;margin-top:.5rem;padding:1rem 2rem;font-size:1rem;display:inline-block}.venue .booking-summary .total{justify-content:space-between;margin-bottom:1rem;display:flex}.cms-content{background:#fff;border-radius:12px;max-width:80rem;margin:40px auto;overflow:auto}.cms-content h1{color:#111827;margin-bottom:25px;font-size:32px}.cms-content p{color:#4b5563;white-space:wrap;margin-bottom:15px;font-size:16px;line-height:1.8}.cms-content-text br{content:"";margin-bottom:10px;display:block}.cms-content h2{color:#111827;margin-top:25px;margin-bottom:12px;font-size:22px}.cms-content ul{margin-bottom:20px;padding-left:25px}.cms-content li{color:#4b5563;margin-bottom:10px}.cms-content a{color:#004aad;text-decoration:none}.cms-content a:hover{text-decoration:underline}.cms-content table{border-collapse:collapse;min-width:400px;margin:25px 0;font-family:sans-serif;font-size:.9em;box-shadow:0 0 20px #00000026}.cms-content table thead tr{background-color:var(--primary-color);color:#fff;text-align:left}.cms-content table th,.cms-content table td{padding:12px 15px}.cms-content table tbody tr{border-bottom:1px solid #ddd}.cms-content table tbody tr:nth-of-type(2n){background-color:#f3f3f3}.faq-page{background:#fff;border-radius:12px;max-width:80rem;margin:40px auto;padding:2rem;overflow:auto}.faq-page h1{color:#111827;margin-bottom:25px;font-size:32px}.faq-page p,.faq-answer{color:#4b5563;margin-bottom:15px;font-size:16px;line-height:1.8}.faq-page h2,.faq-page h3{color:#111827;margin-top:25px;margin-bottom:12px;font-size:22px}.faq-page ul,.faq-page ol{margin-bottom:20px;padding-left:25px}.faq-item{border-bottom:1px solid #eee;margin-bottom:35px;padding-bottom:20px}.faq-answer li{margin-bottom:8px}.checkout{max-width:1200px;margin:auto;padding:30px 15px}.checkout hr.checkout-hr{border:none;border-bottom:1px solid #ccc8;margin:2rem 0 3rem}.checkout h1{margin-bottom:25px}.checkout .checkout-container{grid-template-columns:1fr 1fr;gap:4rem;display:grid}.checkout .booking-summary,.checkout .payment-methods{background:#fff;border:1px solid #ccc8;border-radius:2rem;height:fit-content;padding:25px;box-shadow:0 0 50px #ccc5}.checkout .payment-methods{background:#fff;border:1px solid #eaeaea;border-radius:14px;padding:24px}.checkout .payment-methods .payment-description{margin-top:20px;margin-bottom:10px}.checkout .checkout-terms{margin:20px 0}.checkout .payment-methods .checkout-terms label{gap:10px;display:flex}.checkout .payment-total{text-align:center;gap:5px;margin-top:20px;display:flex}.checkout .row{justify-content:space-between;align-items:center;margin:15px 0;display:flex}.checkout .total{color:var(--primary-color);font-size:20px;font-weight:600}.checkout .payment-card{cursor:pointer;border:1px solid #ddd;border-radius:10px;align-items:start;gap:1rem;margin-bottom:15px;padding:15px;transition:all .3s;display:flex}.checkout .payment-card input[type=radio]{appearance:none;border:1px solid #ccc;border-radius:5px;justify-content:center;align-items:center;width:25px;height:25px;display:flex}.checkout .payment-card input[type=radio]:after{content:"✓";color:#fff}.checkout .payment-card input[type=radio]:checked{background:var(--primary-color)}.checkout .payment-card:hover{border-color:#004aad}.checkout .payment-card ul{flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none;display:flex}.checkout .payment-card ul li{border-radius:5px;align-items:center;gap:10px;padding:5px 0;display:flex}.checkout .payment-card input{margin-top:5px}.checkout .payment-card h3{margin:0 0 5px}.checkout .payment-card p{color:#666;margin:0}.checkout .checkout-terms a{color:var(--primary-color)}.checkout .pay-btn{color:#fff;cursor:pointer;background:#004aad;border:none;border-radius:2rem;width:100%;margin-top:10px;padding:15px;font-size:17px}.checkout .pay-btn:hover{background:#00398a}.checkout .approval-pending{text-align:center;background:#fffaf0;border:1px solid #ffe4b3;border-radius:12px;flex-direction:column;align-items:center;gap:10px;margin-top:16px;padding:32px 24px;display:flex}.checkout .approval-icon{margin-bottom:4px;font-size:36px;line-height:1}.checkout .approval-pending h3{color:#b26a00;letter-spacing:.2px;margin:0;font-size:18px;font-weight:600}.checkout .approval-pending p{color:#555;max-width:420px;margin:0;font-size:14px;line-height:1.5}.checkout .pending-badge{text-transform:uppercase;letter-spacing:.5px;color:#b26a00;background:#ffeec2;border:1px solid #ffd98a;border-radius:999px;margin-top:6px;padding:5px 14px;font-size:12px;font-weight:600;display:inline-block}.checkout .approval-rejected{text-align:center;background:#fff0f0;border:1px solid #ffc9c9;border-radius:12px;flex-direction:column;align-items:center;gap:10px;margin-top:16px;padding:32px 24px;display:flex}.checkout .approval-rejected h3{color:#c0392b;letter-spacing:.2px;margin:0;font-size:18px;font-weight:600}.checkout .approval-rejected p{color:#555;max-width:420px;margin:0;font-size:14px;line-height:1.5}.checkout .rejected-badge{text-transform:uppercase;letter-spacing:.5px;color:#c0392b;background:#ffe0e0;border:1px solid #ffb3b3;border-radius:999px;margin-top:6px;padding:5px 14px;font-size:12px;font-weight:600;display:inline-block}.find-match{padding:30px 0 50px}.find-match .match-form-card{box-sizing:border-box;background:#fff;border:1px solid #e8edf3;border-radius:20px;width:100%;max-width:1000px;margin:20px auto 50px;padding:32px;box-shadow:0 10px 35px #0f172a0f}.find-match .match-form-card h1{color:#111827;letter-spacing:-.5px;margin:0 0 8px;font-size:30px;font-weight:750}.find-match .match-form-card>p{color:#64748b;margin:0 0 28px;font-size:14px;line-height:1.6}.find-match .form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.find-match .form-group{flex-direction:column;min-width:0;display:flex}.find-match .form-group label{color:#334155;margin-bottom:8px;font-size:13px;font-weight:650}.find-match .form-group input,.find-match .form-group select,.find-match .form-group textarea{color:#1e293b;box-sizing:border-box;background:#fff;border:1px solid #dce3eb;border-radius:11px;outline:none;width:100%;height:50px;padding:0 14px;font-family:inherit;font-size:14px;font-weight:500;transition:border-color .2s,box-shadow .2s,background .2s}.find-match .form-group input::placeholder,.find-match .form-group textarea::placeholder{color:#94a3b8;font-weight:400}.find-match .form-group input:hover,.find-match .form-group select:hover,.find-match .form-group textarea:hover{border-color:#c4ced9}.find-match .form-group input:focus,.find-match .form-group select:focus,.find-match .form-group textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 4px #004aad14}.find-match .form-group select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24'%3E%3Cpath fill='%2364748b' d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-position:right 13px center;background-repeat:no-repeat;padding-right:42px}.find-match .form-group input[type=date],.find-match .form-group input[type=time]{cursor:pointer}.find-match .form-group input[type=number]{appearance:textfield}.find-match .form-group textarea{resize:vertical;height:120px;padding:14px;line-height:1.5}.find-match .form-group input:disabled,.find-match .form-group select:disabled,.find-match .form-group textarea:disabled{color:#94a3b8;cursor:not-allowed;background:#f8fafc}.find-match .form-grid .full-width{grid-column:1/-1}.find-match .payment-box{background:#f8fafc;border:1px solid #e5eaf0;border-radius:16px;margin-top:28px;padding:24px;position:relative}.find-match .payment-box:before{content:"Secure Payment";color:var(--primary-color);background:#e9f2ff;border-radius:20px;align-items:center;margin-bottom:16px;padding:6px 11px;font-size:11px;font-weight:700;display:inline-flex}.find-match .payment-box h3{color:#111827;margin:0 0 8px;font-size:19px;font-weight:700}.find-match .payment-box div{color:#64748b;justify-content:space-between;align-items:center;gap:15px;padding:13px 0;font-size:14px;display:flex}.find-match .payment-box div strong{color:#1e293b;font-size:15px;font-weight:700}.find-match .payment-box div:last-child{border-top:1px dashed #cbd5e1;margin-top:5px;padding-top:17px}.find-match .payment-box div:last-child strong{color:var(--primary-color);font-size:21px}.find-match .pay-create-btn{background:var(--primary-color);color:#fff;cursor:pointer;border:0;border-radius:11px;justify-content:center;align-items:center;gap:8px;width:230px;height:52px;margin:28px 0 0 auto;font-family:inherit;font-size:14px;font-weight:700;transition:transform .2s,box-shadow .2s,opacity .2s;display:flex;box-shadow:0 7px 18px #004aad2e}.find-match .pay-create-btn:hover{transform:translateY(-2px);box-shadow:0 10px 24px #004aad3d}.find-match .pay-create-btn:active{transform:translateY(0)}.find-match .pay-create-btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}.find-match .match-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px;display:flex}.find-match .match-header h1{color:#111827;margin:0 0 7px;font-size:32px;font-weight:750}.find-match .match-header p{color:#64748b;margin:0;font-size:14px}.find-match .start-match-btn{background:var(--primary-color);color:#fff;cursor:pointer;border:0;border-radius:11px;padding:12px 20px;font-family:inherit;font-size:14px;font-weight:700;transition:all .2s;box-shadow:0 6px 16px #004aad29}.find-match .start-match-btn:hover{transform:translateY(-2px);box-shadow:0 9px 22px #004aad38}.find-match .matches-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.find-match .match-card{color:inherit;background:#fff;border:1px solid #e7ebf0;border-radius:16px;min-width:300px;padding:20px;text-decoration:none;transition:all .2s;display:block;box-shadow:0 6px 20px #0f172a0b}.find-match .match-card:hover{border-color:#cbd9ea;transform:translateY(-4px);box-shadow:0 14px 30px #0f172a17}.find-match .sport{color:var(--primary-color);background:#eef5ff;border-radius:20px;margin-bottom:12px;padding:5px 10px;font-size:12px;font-weight:700;display:inline-flex}.find-match .match-card h2{color:#111827;margin:0 0 15px;font-size:20px}.find-match .match-card p{color:#64748b;margin:9px 0;font-size:13px}.find-match .players{color:#64748b;background:#f8fafc;border-radius:10px;justify-content:space-between;align-items:center;margin:18px 0;padding:12px 13px;font-size:13px;display:flex}.find-match .players strong{color:#111827;font-size:14px}.find-match .match-footer{border-top:1px solid #edf0f4;justify-content:space-between;align-items:center;gap:10px;padding-top:15px;display:flex}.find-match .match-footer span{color:var(--primary-color);font-size:13px;font-weight:700}.find-match .view-match{font-size:13px;font-weight:700}.find-match .match-tabs{background:#f1f5f9;border:1px solid #e7edf3;border-radius:11px;align-items:center;gap:4px;width:fit-content;margin-bottom:22px;padding:4px;display:flex}.find-match .match-tabs button{color:#64748b;cursor:pointer;background:0 0;border:0;border-radius:8px;min-width:125px;height:40px;padding:0 16px;font-family:inherit;font-size:13px;font-weight:650;transition:all .2s}.find-match .match-tabs button:hover{color:#334155}.find-match .match-tabs button.active{color:var(--primary-color);background:#fff;box-shadow:0 2px 8px #0f172a14}.find-match .match-filters{background:#fff;border:1px solid #e6ebf0;border-radius:15px;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:25px;padding:18px;display:grid;box-shadow:0 5px 18px #0f172a0a}.find-match .filter-item{flex-direction:column;gap:7px;min-width:0;display:flex}.find-match .filter-item label{color:#475569;font-size:12px;font-weight:700}.find-match .filter-item select,.find-match .filter-item input[type=date]{color:#334155;box-sizing:border-box;background:#fff;border:1px solid #dce3eb;border-radius:9px;outline:none;width:100%;height:43px;padding:0 12px;font-family:inherit;font-size:13px;transition:all .2s}.find-match .filter-item select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24'%3E%3Cpath fill='%2364748b' d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-position:right 11px center;background-repeat:no-repeat;padding-right:38px}.find-match .filter-item select:hover,.find-match .filter-item input[type=date]:hover{border-color:#c5ced9}.find-match .filter-item select:focus,.find-match .filter-item input[type=date]:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #004aad14}.find-match .filter-item input[type=range]{cursor:pointer;width:100%;height:43px;accent-color:var(--primary-color);margin:0}.find-match .filter-item:has(input[type=range]) label{justify-content:space-between;align-items:center;min-height:18px;display:flex}.find-match .custom-category{margin-top:15px}.find-match .custom-category>label{color:#333;margin-bottom:8px;font-size:14px;font-weight:600;display:block}.find-match .custom-category-inputs{align-items:center;gap:10px;display:flex}.find-match .custom-category-inputs input{box-sizing:border-box;color:#222;background:#fff;border:1px solid #e1e5ea;border-radius:12px;outline:none;width:100%;height:52px;padding:0 16px;font-size:15px;font-weight:500}.find-match .custom-category-inputs input:focus{border-color:var(--primary-color);box-shadow:0 0 0 4px #007bff1f}.find-match .custom-category-inputs span{color:#555;flex-shrink:0;font-size:15px;font-weight:700}.store-page{padding:30px}.store-header{text-align:center;margin-bottom:35px}.store-header h1{margin-bottom:10px;font-size:32px}.store-header p{color:#666}.store-header input{border:1px solid #e2e2e2;border-radius:12px;outline:none;width:320px;max-width:100%;height:48px;margin-top:20px;padding:0 16px;font-size:15px;transition:all .3s}.store-header input:focus{border-color:var(--primary-color);box-shadow:0 0 0 4px #007bff1f}.store-categories{flex-wrap:wrap;gap:12px;margin-bottom:35px;display:flex}.store-categories button{cursor:pointer;background:#fff;border:1px solid #e5e5e5;border-radius:30px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .3s}.store-categories button:hover{border-color:var(--primary-color);color:var(--primary-color)}.store-categories .active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.products-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:25px;display:grid}.product-card{background:#fff;border:1px solid #eee;border-radius:18px;transition:all .3s;overflow:hidden;box-shadow:0 8px 25px #0000000f}.product-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px #0000001f}.product-card img{height:220px;margin:auto;display:flex}.product-info{flex-direction:column;gap:10px;padding:18px;display:flex}.product-info h3{color:#111;margin:0;font-size:18px}.product-info span{color:#777;font-size:14px}.product-info .price{color:var(--primary-color);font-size:18px;font-weight:700}.product-info button{background:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:10px;width:100%;height:45px;font-size:14px;font-weight:600;transition:all .3s}.product-info button:hover{opacity:.9;transform:translateY(-2px)}.empty-store{text-align:center;color:#777;width:100%;padding:50px 0}.coming-soon{justify-content:center;align-items:center;height:100%;display:flex}.site-footer{color:#fff;background:#07111f;width:100%;overflow:hidden}.footer-container{box-sizing:border-box;width:100%;max-width:1250px;margin:0 auto;padding:0 25px}.footer-main{grid-template-columns:minmax(260px,2fr) minmax(140px,1fr) minmax(180px,1.3fr) minmax(210px,1.4fr);gap:45px;padding:60px 0 45px;display:grid}.footer-brand{min-width:0}.footer-logo{align-items:center;margin-bottom:18px;display:inline-flex}.footer-logo img{width:150px;max-width:100%;height:auto;display:block}.footer-brand p{color:#b8c1ce;margin:0 0 14px;font-size:14px;line-height:1.7}.footer-brand .footer-disclaimer{color:#7f8b9a;font-size:12px;line-height:1.6}.footer-column{min-width:0}.footer-column h3{color:#fff;margin:0 0 20px;font-size:16px;font-weight:600}.footer-column ul{margin:0;padding:0;list-style:none}.footer-column ul li{margin-bottom:11px}.footer-column ul li a{color:#b8c1ce;font-size:14px;line-height:1.5;text-decoration:none;transition:color .2s}.footer-column ul li a:hover{color:#fff}.footer-contact{flex-direction:column;min-width:0;display:flex}.footer-contact>a{flex-direction:column;align-items:flex-start;gap:3px;width:100%;min-width:0;margin-bottom:15px;text-decoration:none;display:flex}.footer-contact>a span{color:#7f8b9a;font-size:12px}.footer-contact>a strong{color:#d5dbe3;overflow-wrap:anywhere;word-break:break-word;width:100%;font-size:14px;font-weight:500;line-height:1.5;display:block}.footer-contact>a:hover strong{color:#fff}.footer-social{flex-wrap:wrap;gap:1rem;margin-top:5px;display:flex}.footer-social a{color:#b8c1ce;justify-content:center;align-items:center;font-size:24px;text-decoration:none;transition:all .2s;display:inline-flex}.footer-social a:hover{color:#fff;border-color:#fff}.footer-bottom{box-sizing:border-box;border-top:1px solid #1d2a3a;justify-content:space-between;align-items:center;gap:20px;width:100%;min-height:65px;display:flex}.footer-bottom p{color:#8995a5;margin:0;font-size:13px}.footer-bottom-links{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:18px;display:flex}.footer-bottom-links a{color:#8995a5;font-size:13px;text-decoration:none}.footer-bottom-links a:hover{color:#fff}.payment-success-card{text-align:center;background:#fff;border-radius:20px;width:100%;max-width:480px;padding:40px 30px;box-shadow:0 12px 40px #00000014}.payment-icon{border-radius:50%;justify-content:center;align-items:center;width:76px;height:76px;margin:0 auto 20px;font-size:36px;font-weight:700;display:flex}.payment-icon.loading{color:#004aad;background:#eef4ff}.payment-success-card h1{color:#111827;margin:0 0 10px;font-size:28px;font-weight:700}.payment-details{text-align:left;background:#f8fafc;border-radius:12px;margin:20px 0;padding:16px}.payment-detail-row{border-bottom:1px solid #e5e7eb;justify-content:space-between;gap:15px;padding:9px 0;font-size:14px;display:flex}.payment-detail-row:last-child{border-bottom:0}.payment-detail-row span:first-child{color:#6b7280}.payment-detail-row span:last-child{color:#111827;text-align:right;word-break:break-word;font-weight:600}.payment-btn{color:#fff;cursor:pointer;background:#004aad;border:0;border-radius:10px;width:100%;padding:13px 20px;font-size:15px;font-weight:600;transition:all .2s}.payment-btn:hover{background:#003b8f}.payment-btn:disabled{opacity:.6;cursor:not-allowed}.payment-loader{border:4px solid #e5e7eb;border-top-color:#004aad;border-radius:50%;width:42px;height:42px;margin:0 auto 20px;animation:.8s linear infinite payment-spin}@keyframes payment-spin{to{transform:rotate(360deg)}}@media (width<=1200px){.layout{width:94%}header{padding:1.5rem}header .center{gap:1rem}header .search{width:55%}.hero,.content{width:94%}.category-container-home .categories{grid-template-columns:repeat(4,minmax(0,1fr));gap:1.5rem}.venue .head{gap:2rem}.venue .head img{height:400px}.checkout .checkout-container{gap:2rem}.footer-main{grid-template-columns:1.5fr 1fr 1fr;gap:35px}.footer-brand{grid-column:1/-1;max-width:650px}}@media (width<=992px){header{flex-wrap:wrap;padding:1.25rem}header .menu{display:block}header .search{order:3;width:100%}header .center{gap:1rem}header .right{gap:.5rem}header .location{padding:.7rem .9rem}header .login{padding:.8rem 1.5rem}header .category-container{z-index:100;background:#fff;border-radius:0;padding:1.5rem;position:fixed;inset:0}header .category-container .categories{justify-content:left;align-items:unset;flex-direction:column}.category-container .categories .categorie{box-shadow:unset;border:none;display:flex;color:#111!important;background:0 0!important;gap:1rem!important}.category-container .categories .categorie .icon{width:27px;height:30px}.category-container .categories .categorie .icon svg{color:#000;width:30px;height:30px}header .category-container .categories .categorie svg{width:14px;height:14px}header .category-container .categories .categorie .name{max-width:100%;font-size:18px;font-weight:400}.hero,.content{width:94%}.hero .swiper{height:190px}.filter{gap:1rem;width:calc(100% - 2rem);padding:1rem}.category-container-home .categories{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.venue-container .venues,.venue .head{gap:1.5rem}.venue .head img{object-fit:cover;max-width:50%;height:350px}.venue .time-slots{grid-template-columns:repeat(4,1fr)}.profile-container{width:calc(100% - 4rem);padding:1.5rem}.profile-container .head{gap:1.5rem}.profile-container .head .left{gap:1.25rem}.profile-container .head img{width:80px;height:80px}.checkout{padding:25px}.checkout .checkout-container{grid-template-columns:1fr;gap:2rem}.find-match .match-form-card,.cms-content,.faq-page{margin-left:1rem;margin-right:1rem}.find-match .matches-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=768px){main{min-height:70vh}header{gap:.8rem;padding:1rem}header .center{display:none}header .right{margin-left:auto}header .search{width:100%}header .search input{width:calc(100% - 2.4rem);padding:.85rem 1.2rem;font-size:.9rem}header .location{padding:.7rem .8rem}header .location svg{width:16px;height:16px}header .login{padding:.7rem 1.2rem;font-size:.9rem}header img{height:30px}header .avatar{width:30px;height:30px}.hero{width:calc(100% - 2rem);margin-bottom:1.5rem}.hero .swiper{border-radius:1rem;height:160px}.hero .swiper-slide{text-align:center;padding:1rem;font-size:22px}.hero .swiper-pagination-bullet{width:10px;height:6px}.hero .swiper-pagination-bullet-active{width:22px}.content{width:calc(100% - 2rem)}.filter{border-radius:1.2rem;flex-direction:row;align-items:stretch;gap:.8rem;width:calc(100% - 2rem);margin:1rem auto;padding:1rem}.filter .item{gap:.5rem}.filter .item select,.filter .item input{padding:.85rem 1rem;font-size:.9rem}.filter .item input{width:calc(100% - 2rem)}.filter .select-button,.filter .date-button{padding:1.2rem;font-size:.7rem}.filter-item{border:none;padding:0}.filter-item label{margin-bottom:.5rem;font-size:14px}.select-menu{width:100%;left:0}.calendar{left:unset;width:min(310px,100vw - 3rem);right:0}.category-container-home .categories{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin:1rem 0}.category-container-home .categories .categorie{text-align:center;border-radius:1.2rem;gap:.6rem;padding:.8rem}.venue-container{position:relative}.venue-container:after{content:"";background:linear-gradient(270deg,#fff,#fff0);width:20px;height:100%;position:absolute;top:0;right:0}.venue-container .venues{gap:1.5rem;margin-bottom:1rem;padding:1rem 0;display:flex}.book-court .venue-container .venues{flex-direction:column!important}.venue-container .venues .venue .image img{height:200px}.account-container{box-sizing:border-box;padding:1rem}.account-container form{width:calc(100% - 4rem);padding:1.5rem}.account-container form input,.account-container form button[type=submit]{width:calc(100% - 2rem);padding:.9rem 1rem}.account-container form button[type=submit]{width:100%}.account-container form .head button{padding:.5rem 1rem}.alert{box-sizing:border-box;width:calc(100% - 3rem);max-width:400px;padding:10px 15px;font-size:14px}.profile-container{box-sizing:border-box;border-radius:1.2rem;width:calc(100% - 2rem);margin:1rem auto;padding:1rem}.profile-container .head{flex-direction:column;align-items:stretch;gap:1.5rem}.profile-container .head .left{align-items:center;gap:1rem}.profile-container .head img{width:70px;height:70px}.profile-container .head .info h1{font-size:1.25rem}.profile-container .head .right{flex-direction:column;align-items:stretch;gap:.75rem;width:100%}.profile-container .head .right button,.profile-container .head .right a{box-sizing:border-box;width:100%;padding:.8rem 1rem}.profile-container .booking-stats{border-radius:1.2rem;flex-wrap:wrap;gap:1rem;padding:1rem}.profile-container .booking-stats .item{flex:0 0 calc(50% - .5rem)}.profile-container .booking-stats .item h2{font-size:1.4rem}.profile-container .my-bookings .booking-item,.profile-container .my-matches .match-item{border-radius:1rem;flex-direction:column;align-items:stretch;gap:1rem;padding:1rem}.profile-container .my-bookings .booking-action,.profile-container .my-matches .match-action{width:100%}.profile-container .my-bookings .booking-action button,.profile-container .my-matches .match-action a{box-sizing:border-box;text-align:center;width:100%}.profile-container .profile-links{flex-direction:column;align-items:stretch;gap:.75rem;width:calc(100% - 4rem)}.edit-profile{box-sizing:border-box;padding:1rem}.edit-profile form{border-radius:1.5rem;width:100%;padding:1.5rem}.edit-profile form input,.edit-profile form select{padding:.9rem 1rem}.venue input[type=date]{box-sizing:border-box;width:100%;padding:.9rem 1rem}.venue .week-days,.venue .session-lengths{justify-content:flex-start;gap:.5rem;width:100%;overflow-x:auto}.venue .week-days .day,.venue .session-lengths .length{min-width:80px;padding:.8rem}.venue .time-slots{grid-template-columns:repeat(3,1fr);gap:.6rem}.venue .time-slot{width:calc(100% - 1.6rem);padding:.8rem}.venue .head{flex-direction:column;gap:1rem;padding:1rem}.venue .head img{object-fit:cover;width:100%;max-width:100%;height:250px}.venue .booking-summary{border-radius:1.2rem;padding:1rem}.venue .booking-summary button{box-sizing:border-box;width:100%}.cms-content{border-radius:8px;margin:20px 1rem;padding:0}.cms-content h1{font-size:26px}.cms-content h2{font-size:20px}.cms-content p{font-size:15px;line-height:1.7}.cms-content table{min-width:600px}.faq-page{border-radius:8px;margin:20px 1rem;padding:1rem}.faq-page h1{font-size:26px}.faq-page h2,.faq-page h3{font-size:20px}.faq-page p,.faq-answer{font-size:15px}.checkout{padding:20px 1rem}.checkout h1{font-size:26px}.checkout .checkout-container{flex-direction:column-reverse;grid-template-columns:1fr;gap:1rem;display:flex}.checkout .booking-summary,.checkout .payment-methods{border-radius:1.2rem;padding:1rem}.checkout .row{gap:1rem}.checkout .payment-card{padding:12px}.find-match{padding:20px 1rem}.find-match .match-header{flex-direction:column;align-items:stretch;margin-bottom:25px}.find-match .match-header h1{font-size:26px}.find-match .start-match-btn{width:100%}.find-match .match-form-card{border-radius:14px;margin:1rem 0 2rem;padding:1rem}.find-match .match-form-card h1{font-size:26px}.find-match .form-grid{grid-template-columns:1fr;gap:16px}.find-match .form-grid .full-width{grid-column:auto}.find-match .form-group input,.find-match .form-group select,.find-match .form-group textarea{font-size:14px}.find-match .payment-box{padding:1rem}.find-match .pay-create-btn{width:100%;height:52px}.find-match .matches-grid{grid-template-columns:1fr;gap:15px}.find-match .match-card{padding:18px}.find-match .match-card h2{font-size:20px}.find-match .match-footer{gap:10px}.find-match .match-footer button{padding:10px 14px}.find-match .match-tabs{width:100%}.find-match .match-tabs button{flex:1;min-width:0}.find-match .match-filters{grid-template-columns:1fr 1fr;padding:15px}.store-page{padding:20px 1rem}.store-header{margin-bottom:25px}.store-header h1{font-size:26px}.store-header input{box-sizing:border-box;width:100%}.store-categories{gap:8px;margin-bottom:25px}.store-categories button{padding:8px 14px;font-size:13px}.products-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.product-card{border-radius:14px}.product-card img{object-fit:contain;max-width:100%;height:160px}.product-info{gap:8px;padding:12px}.product-info h3{font-size:15px}.product-info span{font-size:12px}.product-info .price{font-size:16px}.product-info button{height:40px;font-size:13px}.footer-container{padding:0 22px}.footer-main{grid-template-columns:1fr 1fr;gap:40px 30px;padding:45px 0 35px}.footer-brand{grid-column:1/-1;max-width:100%}.footer-contact{grid-column:1/-1}.footer-contact>a strong{width:auto;max-width:100%}.footer-bottom{flex-direction:column;align-items:flex-start;min-height:auto;padding:20px 0}.footer-bottom-links{justify-content:flex-start}}@media (width<=480px){header{padding:.8rem}header .right{gap:.4rem}header .login{padding:.6rem .9rem;font-size:12px}.hero .swiper{height:140px}.hero .swiper-slide{font-size:18px}.category-container-home .categories{grid-template-columns:repeat(2,1fr);gap:.6rem}.category-container-home .categories .categorie{padding:.7rem;font-size:13px}.venue-container .venues .venue .image img{height:180px}.venue .time-slots{grid-template-columns:repeat(2,1fr)}.venue .week-days .day,.venue .session-lengths .length{min-width:70px;padding:.7rem .5rem;font-size:13px}.profile-container .head .left{align-items:flex-start}.profile-container .head img{width:60px;height:60px}.profile-container .booking-stats .item{flex:0 0 100%}.profile-container .section-header h2{font-size:1.15rem}.checkout .row{align-items:flex-start}.checkout .total{font-size:18px}.find-match .payment-box div{font-size:13px}.find-match .payment-box div strong{font-size:15px}.find-match .match-footer{flex-direction:column;align-items:stretch}.find-match .match-footer button{width:100%}.find-match.my-matches{padding:1rem 0}.find-match.my-matches .matches-grid{display:flex;overflow:auto}.find-match .match-filters{grid-template-columns:1fr}.find-match .match-tabs button{height:38px;padding:0 10px;font-size:12px}.products-grid{grid-template-columns:1fr 1fr;gap:10px}.product-card img{height:130px}.product-info{padding:10px}.product-info h3{font-size:14px}.product-info .price{font-size:15px}.site-footer{margin-top:40px}.footer-container{padding:0 18px}.footer-main{flex-direction:column;gap:32px;padding:40px 0 30px;display:flex}.footer-brand{width:100%}.footer-logo{margin-bottom:15px}.footer-logo img{width:135px}.footer-brand p{font-size:13px;line-height:1.65}.footer-column{width:100%}.footer-column h3{margin-bottom:15px;font-size:15px}.footer-column ul li{margin-bottom:9px}.footer-column ul li a{font-size:13px}.footer-contact{width:100%}.footer-contact>a{margin-bottom:13px}.footer-contact>a strong{overflow-wrap:anywhere;font-size:13px}.footer-bottom{gap:12px;padding:18px 0}.footer-bottom p{font-size:12px;line-height:1.5}.footer-bottom-links{justify-content:flex-start;gap:10px 16px;width:100%}.footer-bottom-links a{font-size:12px}}@media (width<=360px){.footer-container{padding:0 15px}.footer-main{gap:28px;padding-top:35px}.footer-logo img{width:125px}.footer-brand p{font-size:12px}.footer-column h3{font-size:14px}.footer-column ul li a,.footer-contact>a strong{font-size:12px}}@media (width<=1000px){.find-match .match-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=900px){.find-match .matches-grid{grid-template-columns:repeat(1,minmax(0,1fr))}}@media (width<=500px){.find-match .match-filters{grid-template-columns:1fr}.find-match .match-tabs button{height:38px;padding:0 10px;font-size:12px}}.gsi-material-button{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-appearance:none;box-sizing:border-box;color:#1f1f1f;cursor:pointer;letter-spacing:.25px;text-align:center;vertical-align:middle;white-space:nowrap;background-color:#f2f2f2;background-image:none;border:none;border-radius:20px;outline:none;width:auto;min-width:min-content;max-width:400px;height:40px;padding:0 12px;font-family:Roboto,arial,sans-serif;font-size:14px;transition:background-color .218s,border-color .218s,box-shadow .218s;position:relative;overflow:hidden}.gsi-material-button .gsi-material-button-icon{width:20px;min-width:20px;height:20px;margin-right:10px}.gsi-material-button .gsi-material-button-content-wrapper{flex-flow:row;justify-content:space-between;align-items:center;width:100%;height:100%;display:flex;position:relative}.gsi-material-button .gsi-material-button-contents{text-overflow:ellipsis;vertical-align:top;flex-grow:1;font-family:Roboto,arial,sans-serif;font-weight:500;overflow:hidden}.gsi-material-button .gsi-material-button-state{opacity:0;transition:opacity .218s;position:absolute;inset:0}.gsi-material-button:disabled{cursor:default;background-color:#ffffff61}.gsi-material-button:disabled .gsi-material-button-state{background-color:#1f1f1f1f}.gsi-material-button:disabled .gsi-material-button-contents,.gsi-material-button:disabled .gsi-material-button-icon{opacity:.38}.gsi-material-button:not(:disabled):active .gsi-material-button-state,.gsi-material-button:not(:disabled):focus .gsi-material-button-state{opacity:.12;background-color:#001d35}.gsi-material-button:not(:disabled):hover{box-shadow:0 1px 2px #3c40434d,0 1px 3px 1px #3c404326}.gsi-material-button:not(:disabled):hover .gsi-material-button-state{opacity:.08;background-color:#001d35}:root{--swiper-theme-color:#007aff}:host{z-index:1;margin-left:auto;margin-right:auto;display:block;position:relative}.swiper{z-index:1;margin-left:auto;margin-right:auto;padding:0;list-style:none;display:block;position:relative;overflow:hidden}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{z-index:1;width:100%;height:100%;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box;display:flex;position:relative}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate(0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;transition-property:transform;display:block;position:relative}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{backface-visibility:hidden;transform:translateZ(0)}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{scrollbar-width:none;-ms-overflow-style:none;overflow:auto}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-slides-offset-before);scroll-margin-inline-start:var(--swiper-slides-offset-before)}.swiper-css-mode.swiper-horizontal>.swiper-wrapper>.swiper-slide:last-child{margin-inline-end:var(--swiper-slides-offset-after)}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-slides-offset-before);scroll-margin-block-start:var(--swiper-slides-offset-before)}.swiper-css-mode.swiper-vertical>.swiper-wrapper>.swiper-slide:last-child{margin-block-end:var(--swiper-slides-offset-after)}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{pointer-events:none;z-index:10;width:100%;height:100%;position:absolute;top:0;left:0}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(270deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(90deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(#0000,#00000080)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(#00000080,#0000)}.swiper-lazy-preloader{z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-top-color:#0000;border-radius:50%;width:42px;height:42px;margin-top:-21px;margin-left:-21px;position:absolute;top:50%;left:50%}:is(.swiper:not(.swiper-watch-progress),.swiper-watch-progress .swiper-slide-visible) .swiper-lazy-preloader{animation:1s linear infinite swiper-preloader-spin}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.swiper-pagination{text-align:center;z-index:10;transition:opacity .3s;position:absolute;transform:translate(0,0)}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);width:100%;left:0}.swiper-pagination-bullets-dynamic{font-size:0;overflow:hidden}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{position:relative;transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity,.2);display:inline-block}button.swiper-pagination-bullet{box-shadow:none;appearance:none;border:none;margin:0;padding:0}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity,1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translateY(-50%)}:is(.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets) .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}:is(.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets).swiper-pagination-bullets-dynamic{width:8px;top:50%;transform:translateY(-50%)}:is(.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets).swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,top .2s;display:inline-block}:is(.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets) .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}:is(.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets).swiper-pagination-bullets-dynamic{white-space:nowrap;left:50%;transform:translate(-50%)}:is(.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets).swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,left .2s}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,right .2s}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,#00000040);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));transform-origin:0 0;width:100%;height:100%;position:absolute;top:0;left:0;transform:scale(0)}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:100% 0}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);top:0;left:0}.swiper-vertical>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite{width:var(--swiper-pagination-progressbar-size,4px);height:100%;top:0;left:0}.swiper-pagination-lock{display:none}.profile-avatar{object-fit:cover;border-radius:50%;width:90px;height:90px}.profile-image-editor{border:1px solid #e5eaf1;border-radius:12px;align-items:center;gap:18px;margin-bottom:22px;padding:15px;display:flex}.profile-image-preview img{object-fit:cover;border:2px solid #e5eaf1;border-radius:50%;width:85px;height:85px}.profile-image-actions{flex-direction:column;align-items:flex-start;gap:7px;display:flex}.change-avatar-btn{color:#fff;cursor:pointer;background:#004aad;border-radius:7px;padding:8px 15px;font-size:13px;display:inline-block}.change-avatar-btn:hover{background:#003780}.profile-image-actions small{color:#777;font-size:12px}.selected-avatar-name{text-overflow:ellipsis;white-space:nowrap;color:#004aad;max-width:220px;font-size:12px;overflow:hidden}.match-details-page{box-sizing:border-box;padding:30px}.match-details-top{justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px;display:flex}.back-match{color:var(--primary-color);font-size:14px;font-weight:600;text-decoration:none}.back-match:hover{text-decoration:underline}.match-status{color:#16a34a;text-transform:capitalize;background:#ecfdf5;border-radius:20px;align-items:center;padding:6px 12px;font-size:12px;font-weight:700;display:inline-flex}.match-details-grid{grid-template-columns:minmax(0,1fr) 330px;align-items:start;gap:25px;display:grid}.match-main{flex-direction:column;gap:20px;min-width:0;display:flex}.match-hero{background:#e5e7eb;border-radius:14px;min-height:300px;position:relative;overflow:hidden}.match-hero img{object-fit:cover;width:100%;height:330px;display:block}.match-hero-content{color:#fff;background:linear-gradient(#0000,#000c);padding:70px 25px 25px;position:absolute;bottom:0;left:0;right:0}.match-hero-content .match-sport{background:var(--primary-color);color:#fff;border-radius:6px;margin-bottom:10px;padding:5px 10px;font-size:12px;font-weight:700;display:inline-flex}.match-hero-content h1{color:#fff;margin:0 0 6px;font-size:30px;font-weight:700}.match-hero-content p{color:#ffffffe6;margin:0;font-size:14px}.match-info-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:22px}.match-info-card h2{color:#111827;margin:0 0 20px;font-size:19px;font-weight:700}.match-info-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.match-info-item{flex-direction:column;gap:7px;min-width:0;display:flex}.match-info-item span{color:#6b7280;font-size:13px}.match-info-item strong{color:#111827;word-break:break-word;font-size:14px}.location-content{align-items:flex-start;gap:14px;display:flex}.location-icon{background:#eef4ff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:20px;display:flex}.location-content strong{color:#111827;margin-bottom:5px;font-size:15px;display:block}.location-content p{color:#6b7280;margin:0;font-size:13px;line-height:1.5}.players-summary{grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:18px;display:grid}.players-summary>div{background:#f8fafc;border-radius:8px;flex-direction:column;align-items:center;gap:4px;padding:15px 10px;display:flex}.players-summary strong{color:var(--primary-color);font-size:22px;font-weight:700}.players-summary span{color:#6b7280;font-size:12px}.players-progress{background:#e5e7eb;border-radius:10px;width:100%;height:8px;overflow:hidden}.players-progress-bar{border-radius:inherit;background:var(--primary-color);height:100%;transition:width .3s}.players-progress-text{color:#6b7280;text-align:right;margin:8px 0 0;font-size:12px}.match-sidebar{flex-direction:column;gap:20px;display:flex;position:sticky;top:20px}.join-match-card,.match-sidebar-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:22px}.join-label{color:#6b7280;margin-bottom:8px;font-size:13px;font-weight:600;display:block}.match-price{color:var(--primary-color);font-size:30px;font-weight:700}.match-price small{color:#6b7280;font-size:13px;font-weight:500}.join-match-card>p{color:#6b7280;margin:7px 0 18px;font-size:12px}.join-player-count{border-top:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;gap:10px;margin-bottom:15px;padding:12px 0;display:flex}.join-player-count span{color:#6b7280;font-size:13px}.join-player-count strong{color:#111827;font-size:14px}.join-match-btn{background:var(--primary-color);color:#fff;cursor:pointer;border:0;border-radius:8px;justify-content:center;align-items:center;width:100%;height:46px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.join-match-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.join-match-btn:disabled{color:#6b7280;cursor:not-allowed;background:#d1d5db}.match-sidebar-card h3{color:#111827;margin:0 0 12px;font-size:17px}.match-sidebar-card>strong{color:#111827;font-size:14px;display:block}.match-sidebar-card p{color:#6b7280;margin:8px 0 15px;font-size:13px;line-height:1.5}.venue-link{color:var(--primary-color);font-size:13px;font-weight:600;text-decoration:none}.venue-link:hover{text-decoration:underline}.back-match-btn{background:var(--primary-color);color:#fff;border-radius:8px;justify-content:center;align-items:center;margin-top:15px;padding:11px 18px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.match-details-loading,.match-details-error{text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:60px 20px}.match-details-loading{color:#6b7280;font-size:14px}.match-details-error h2{color:#111827;margin:0 0 8px;font-size:22px}.match-details-error p{color:#6b7280;margin:0;font-size:14px}.match-card{position:relative}.match-share-btn{cursor:pointer;z-index:5;border:none;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:16px;transition:transform .2s,opacity .2s;display:flex;position:absolute;top:15px;right:15px}.match-share-btn svg{pointer-events:none;fill:var(--primary-color,#2563eb);height:20px}.match-share-btn:hover{opacity:.9;transform:scale(1.08)}.match-share-btn:active{transform:scale(.95)}@media (width<=1000px){.match-details-grid{grid-template-columns:minmax(0,1fr) 280px;gap:18px}.match-hero img{height:300px}}@media (width<=750px){.match-details-page{padding:20px 15px}.match-details-grid{grid-template-columns:1fr}.match-sidebar{position:static}.match-hero{min-height:250px}.match-hero img{height:280px}.match-hero-content{padding:60px 18px 18px}.match-hero-content h1{font-size:24px}.match-info-card{padding:18px}.match-info-grid{grid-template-columns:1fr;gap:15px}.players-summary{gap:8px}.players-summary>div{padding:13px 7px}.players-summary strong{font-size:20px}}@media (width<=450px){.match-details-page{padding:15px 12px}.match-details-top{align-items:flex-start}.match-status{padding:5px 9px;font-size:11px}.match-hero img{height:230px}.match-hero-content h1{font-size:21px}.match-info-card,.join-match-card,.match-sidebar-card{padding:16px}.players-summary{grid-template-columns:repeat(3,1fr)}.players-summary span{text-align:center;font-size:11px}.match-price{font-size:26px}}.match-chat-button{box-sizing:border-box;border:1px solid var(--primary-color,#004aad);width:100%;color:var(--primary-color,#004aad);background:#fff;border-radius:10px;justify-content:center;align-items:center;margin-top:14px;padding:12px 16px;font-weight:600;text-decoration:none;transition:background .2s,color .2s;display:flex}.match-chat-button:hover{background:var(--primary-color,#004aad);color:#fff}.match-organizer-profile,.match-joined-player{align-items:center;gap:13px;display:flex}.match-profile-avatar{object-fit:cover;background:#e9eef7;border-radius:50%;width:48px;min-width:48px;height:48px}.match-avatar-fallback{color:#004aad;justify-content:center;align-items:center;font-size:19px;font-weight:700;display:flex}.match-profile-details{flex-direction:column;gap:4px;min-width:0;display:flex}.match-profile-details strong{color:#202938;font-size:15px}.match-profile-details span{color:#788394;font-size:12px}.match-joined-players{flex-direction:column;gap:16px;display:flex}.match-joined-player{border:1px solid #edf0f5;border-radius:10px;padding:12px}.match-player-paid{color:#16834a;background:#e9f8ef;border-radius:20px;margin-left:auto;padding:6px 10px;font-size:12px;font-weight:600}.create-match{max-width:1100px;margin:0 auto;padding:35px 25px 60px}.create-match-head{margin-bottom:25px}.create-match-head h1{color:#111827;margin:0 0 8px;font-size:34px;font-weight:700}.create-match-head p{color:#64748b;margin:0;font-size:16px}.create-match hr{border:0;border-top:1px solid #e5e7eb;margin:30px 0}.create-match h2{color:#111827;margin:0 0 8px;font-size:24px}.create-match>p{color:#64748b}.create-match .session-lengths{flex-wrap:wrap;gap:12px;margin-bottom:10px;display:flex}.create-match .length{color:#334155;text-align:center;cursor:pointer;background:#fff;border:1px solid #dbe1e8;border-radius:12px;min-width:110px;padding:14px 20px;font-size:15px;font-weight:600;transition:all .2s}.create-match .length:hover{color:#004aad;border-color:#004aad;transform:translateY(-1px)}.create-match .length.active{color:#fff;background:#004aad;border-color:#004aad;box-shadow:0 5px 15px #004aad2e}.custom-category{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;margin-top:20px;padding:20px}.custom-category h3{color:#111827;margin:0 0 6px;font-size:18px}.custom-category p{color:#64748b;margin:0 0 16px}.custom-category-inputs{align-items:center;gap:12px;display:flex}.custom-category-inputs input{background:#fff;border:1px solid #cbd5e1;border-radius:10px;outline:none;width:100px;height:48px;padding:0 14px;font-size:16px}.custom-category-inputs input:focus{border-color:#004aad;box-shadow:0 0 0 3px #004aad14}.custom-category-inputs span{color:#475569;font-weight:700}.create-match input[type=date]{color:#1e293b;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:10px;outline:none;width:100%;max-width:280px;height:50px;padding:0 15px;font-size:15px}.create-match input[type=date]:focus{border-color:#004aad;box-shadow:0 0 0 3px #004aad14}.create-match .time-slots{grid-template-columns:repeat(6,minmax(100px,1fr));gap:10px;margin-top:10px;display:grid}.create-match .time-slot{color:#334155;text-align:center;cursor:pointer;background:#fff;border:1px solid #dbe1e8;border-radius:10px;padding:13px 10px;font-size:14px;font-weight:600;transition:all .2s}.create-match .time-slot.disabled{cursor:not-allowed;opacity:.5}.create-match .time-slot:hover{color:#004aad;border-color:#004aad}.create-match .time-slot.active{color:#fff;background:#004aad;border-color:#004aad;box-shadow:0 4px 12px #004aad2e}.create-match .booking-summary{background:#fff;border:1px solid #e2e8f0;border-radius:18px;margin-top:35px;padding:28px;box-shadow:0 8px 25px #0f172a0f}.create-match .booking-summary h2{margin-bottom:20px}.create-match .booking-summary p{color:#475569;margin:10px 0;font-size:15px}.create-match .booking-summary p b{color:#1e293b}.create-match .booking-summary h2:last-of-type{color:#111827;border-top:1px solid #e5e7eb;margin-top:20px;padding-top:18px;font-size:26px}.create-match .booking-btn{color:#fff;cursor:pointer;background:#004aad;border:0;border-radius:12px;width:100%;min-height:52px;margin-top:15px;font-size:16px;font-weight:700;transition:all .2s}.create-match .booking-btn:hover:not(:disabled){background:#003b8f;transform:translateY(-1px);box-shadow:0 7px 18px #004aad33}.create-match .booking-btn:disabled{opacity:.6;cursor:not-allowed}.create-match .session-lengths:has(.length){margin-bottom:5px}.create-match textarea{color:#1e293b;resize:vertical;background:#fff;border:1px solid #cbd5e1;border-radius:10px;outline:none;width:calc(100% - 28px);min-height:120px;padding:12px 14px;font-size:15px}@media (width<=900px){.create-match{padding:25px 18px 45px}.create-match .time-slots{grid-template-columns:repeat(4,1fr)}}@media (width<=600px){.create-match{padding:20px 14px 35px}.create-match-head h1{font-size:28px}.create-match h2{font-size:21px}.create-match-head p{font-size:14px}.create-match .session-lengths{gap:8px}.create-match .length{min-width:calc(50% - 4px);padding:12px 10px;font-size:14px}.create-match .time-slots{grid-template-columns:repeat(3,1fr);gap:8px}.create-match .time-slot{padding:12px 5px;font-size:13px}.create-match input[type=date]{max-width:100%}.custom-category{padding:16px}.custom-category-inputs input{width:90px;height:45px}.create-match .booking-summary{border-radius:14px;padding:20px 16px}.create-match .booking-summary h2{font-size:21px}}@media (width<=380px){.create-match .time-slots{grid-template-columns:repeat(2,1fr)}.create-match .length{min-width:100%}.custom-category-inputs{gap:8px}.custom-category-inputs input{width:80px}}.become-partner{width:calc(100% - 4rem);padding:2rem}.partner-intro{width:100%;margin-bottom:22px}.partner-intro-content{border:1px solid var(--border-color,#e8e8e8);background:var(--card-color,#fff);border-radius:14px;padding:32px;position:relative;overflow:hidden;box-shadow:0 4px 18px #0000000a}.partner-intro-content:after{content:"";background:var(--primary-color);opacity:.06;pointer-events:none;border-radius:50%;width:180px;height:180px;position:absolute;top:-70px;right:-70px}.partner-badge{border:1px solid var(--primary-color);min-height:28px;color:var(--primary-color);letter-spacing:.2px;background:0 0;border-radius:7px;align-items:center;margin-bottom:14px;padding:0 11px;font-size:12px;font-weight:600;display:inline-flex}.partner-intro-content h2{z-index:1;color:var(--text-color,#171717);margin:0 0 9px;font-size:27px;font-weight:700;line-height:1.25;position:relative}.partner-intro-content p{z-index:1;max-width:700px;color:var(--muted-color,#707070);margin:0;font-size:14px;line-height:1.65;position:relative}.partner-benefits{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:22px;display:grid}.partner-benefit{border:1px solid var(--border-color,#e8e8e8);background:var(--card-color,#fff);border-radius:12px;padding:21px;position:relative;box-shadow:0 3px 14px #00000009}.partner-benefit:before{content:"";background:var(--primary-color);border-radius:5px;width:3px;position:absolute;top:18px;bottom:18px;left:0}.partner-benefit h3{color:var(--text-color,#171717);margin:0 0 7px 10px;font-size:15px;font-weight:650}.partner-benefit p{color:var(--muted-color,#707070);margin:0 0 0 10px;font-size:13px;line-height:1.6}.partner-form-wrapper{width:100%}.partner-form{box-sizing:border-box;border:1px solid var(--border-color,#e8e8e8);background:var(--card-color,#fff);border-radius:14px;width:100%;padding:27px;box-shadow:0 4px 18px #0000000a}.partner-form-header{margin-bottom:20px}.partner-form-header h3{color:var(--text-color,#171717);margin:0 0 6px;font-size:20px;font-weight:700}.partner-form-header p{color:var(--muted-color,#707070);margin:0;font-size:13px;line-height:1.6}.partner-form>hr{border:0;border-top:1px solid var(--border-color,#e8e8e8);margin:0 0 25px}.partner-section{margin-bottom:28px}.partner-section h4{color:var(--text-color,#171717);margin:0 0 16px;padding-left:11px;font-size:15px;font-weight:650;position:relative}.partner-section h4:before{content:"";background:var(--primary-color);border-radius:4px;width:3px;position:absolute;top:2px;bottom:2px;left:0}.partner-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;display:grid}.partner-field{flex-direction:column;gap:7px;display:flex}.partner-full{margin-top:17px}.partner-field small{color:var(--text-color,#292929);font-size:12px;font-weight:600}.partner-field input,.partner-field textarea{box-sizing:border-box;border:1px solid var(--border-color,#dedede);background:var(--input-color,#fff);width:100%;color:var(--text-color,#171717);border-radius:8px;outline:none;padding:11px 12px;font-family:inherit;font-size:13px;line-height:1.4;transition:border-color .18s,box-shadow .18s,background .18s}.partner-field input::placeholder,.partner-field textarea::placeholder{color:var(--muted-color,#989898)}.partner-field textarea{resize:vertical;min-height:105px}.partner-field input:hover,.partner-field textarea:hover{border-color:var(--primary-color)}.partner-field input:focus,.partner-field textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary-color) 10%, transparent)}.partner-form>hr:last-of-type{margin:5px 0 20px}.partner-actions{justify-content:flex-end;align-items:center;gap:10px;display:flex}.partner-actions .btn{color:#fff;background:var(--primary-color);cursor:pointer;border:none;border-radius:1rem;padding:1rem;font-size:1rem;font-weight:600}.partner-actions .btn:disabled{cursor:not-allowed;opacity:.65}@media (width<=900px){.partner-benefits{grid-template-columns:1fr}.partner-benefit{padding:19px}}@media (width<=700px){.partner-form{padding:22px}.partner-grid{grid-template-columns:1fr;gap:15px}.partner-intro-content{padding:25px}.partner-intro-content h2{font-size:23px}}@media (width<=500px){.partner-intro-content{padding:20px}.partner-intro-content h2{font-size:21px}.partner-form{padding:18px}.partner-actions{justify-content:stretch}.partner-actions .btn{width:100%;min-width:0}}.payment-success-page{background:#f3f6f9;justify-content:center;align-items:center;min-height:80vh;padding:2rem;display:flex}.payment-success-card{text-align:center;background:#fff;border:1px solid #ccc5;border-radius:2rem;width:100%;max-width:440px;padding:2.5rem 2rem 2rem;animation:.4s ease-out payment-card-in;box-shadow:10px 10px 20px #0000000a}@keyframes payment-card-in{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.payment-icon{width:84px;height:84px;color:var(--primary-color);background:#f3f6f9;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 1.5rem;animation:.45s cubic-bezier(.34,1.56,.64,1) payment-icon-pop;display:flex;position:relative}.payment-icon svg{stroke-width:2.4px;width:40px;height:40px;display:block}@keyframes payment-icon-pop{0%{opacity:0;transform:scale(0)}60%{opacity:1;transform:scale(1.08)}to{opacity:1;transform:scale(1)}}.payment-icon.success{color:var(--success-color);background:#f0fdf4}.payment-icon.error{color:var(--danger-color);background:#fef2f2}.payment-icon.loading{color:var(--primary-color);background:#eef5ff;animation:none}.payment-icon.loading svg{animation:.9s linear infinite payment-spin}.payment-icon.loading:before{content:"";pointer-events:none;background:radial-gradient(circle,#004aad2e 0%,#004aad00 70%);border-radius:50%;animation:1.6s ease-in-out infinite payment-pulse;position:absolute;inset:-8px}@keyframes payment-pulse{0%,to{opacity:.7;transform:scale(.95)}50%{opacity:1;transform:scale(1.15)}}.payment-success-card h1{color:#111827;letter-spacing:-.01em;margin:0 0 .75rem;font-size:1.6rem;font-weight:700}.payment-success-card p{color:#6b7280;margin:0;font-size:.95rem;line-height:1.6}.payment-success-card small{color:var(--primary-color);letter-spacing:.02em;background:#f3f6f9;border-radius:2rem;margin-top:1rem;padding:.4rem .9rem;font-size:.75rem;font-weight:500;display:inline-block}.payment-actions{flex-direction:column;gap:.75rem;margin-top:1.75rem;display:flex}.payment-btn{background:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:2rem;width:100%;padding:1rem 2rem;font-family:inherit;font-size:1rem;font-weight:600;transition:all .25s;box-shadow:10px 10px 20px #0000000a}.payment-btn:hover{background:#00398a;transform:translateY(-2px);box-shadow:10px 14px 24px #0000001a}.payment-btn:active{transform:translateY(0)}.payment-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.payment-btn.secondary{color:var(--primary-color);box-shadow:none;background:#f3f6f9;border:1px solid #e2e8f0}.payment-btn.secondary:hover{background:#e9eef5;border-color:#cbd5e1;box-shadow:0 6px 16px #0000000d}.payment-icon.success~h1{color:var(--success-color)}@media (width<=576px){.payment-success-page{padding:1rem}.payment-success-card{border-radius:1.5rem;padding:1.75rem 1.25rem 1.5rem}.payment-success-card h1{font-size:1.35rem}.payment-success-card p{font-size:.9rem}.payment-icon{width:72px;height:72px}.payment-icon svg{width:34px;height:34px}.payment-btn{padding:.9rem 1.5rem;font-size:.95rem}}:root{--primary:#004aad;--primary-dark:#00337a;--primary-light:#e8f0fe;--primary-soft:#004aad14;--text:#0f172a;--text-muted:#475569;--text-light:#94a3b8;--bg:#f8fafc;--surface:#fff;--border:#e2e8f0;--border-hover:#cbd5e1;--success-bg:#ecfdf5;--success-border:#a7f3d0;--success-text:#065f46;--radius-sm:12px;--radius-md:20px;--radius-lg:32px;--shadow-sm:0 1px 2px #0f172a0f;--shadow-md:0 10px 25px -5px #0f172a1a;--shadow-lg:0 20px 40px -12px #004aad26;--font:"Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}.contact-page{background:var(--bg);min-height:100vh;color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;line-height:1.6;overflow-x:hidden}.contact-page *,.contact-page :before,.contact-page :after{box-sizing:border-box}.contact-hero{background:var(--primary);color:#fff;padding:96px 24px 112px;position:relative;overflow:hidden}.contact-hero:before{content:"";pointer-events:none;background:radial-gradient(circle at 20% 30%,#ffffff1f 0,#0000 30%),radial-gradient(circle at 80% 70%,#ffffff14 0,#0000 35%);position:absolute;inset:0}.contact-hero-content{z-index:1;text-align:center;max-width:820px;margin:0 auto;position:relative}.contact-badge{color:#fff;letter-spacing:.12em;text-transform:uppercase;background:#ffffff14;border:1px solid #ffffff4d;border-radius:999px;justify-content:center;align-items:center;margin-bottom:20px;padding:6px 14px;font-size:12px;font-weight:700;display:inline-flex}.contact-hero h1{letter-spacing:-.02em;margin:0 0 16px;font-size:clamp(2rem,5vw,3.5rem);font-weight:800;line-height:1.1}.contact-hero p{color:#ffffffd9;max-width:680px;margin:0 auto;font-size:clamp(1rem,1.5vw,1.125rem)}.contact-section{padding:72px 24px 96px}.contact-container{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:start;gap:56px;max-width:1200px;margin:0 auto;display:grid}.contact-info{flex-direction:column;display:flex}.section-label{color:var(--primary);letter-spacing:.12em;text-transform:uppercase;margin-bottom:12px;font-size:12px;font-weight:700;display:inline-block}.contact-info h2{color:var(--text);letter-spacing:-.02em;margin:0 0 16px;font-size:2rem;font-weight:800;line-height:1.2}.contact-description{max-width:520px;color:var(--text-muted);margin:0 0 32px;font-size:1rem}.contact-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);gap:16px;margin-bottom:16px;padding:20px;transition:border-color .2s,box-shadow .2s,transform .2s;display:flex}.contact-card:last-child{margin-bottom:0}.contact-card:hover{box-shadow:var(--shadow-md);border-color:#004aad59;transform:translateY(-1px)}.contact-icon{background:var(--primary-light);width:44px;height:44px;color:var(--primary);border-radius:8px;flex-shrink:0;place-items:center;font-size:20px;line-height:1;display:grid}.contact-card h3{color:var(--text);margin:0 0 4px;font-size:1rem;font-weight:700}.contact-card p{color:var(--text-muted);margin:0 0 8px;font-size:.9rem;line-height:1.5}.contact-card a{color:var(--primary);word-break:break-word;font-size:.95rem;font-weight:600;text-decoration:none}.contact-card a:hover{text-decoration:underline}.contact-form-wrapper{background:var(--surface);border:1px solid var(--border);border-top:4px solid var(--primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:36px;position:relative}.contact-form-header{margin-bottom:24px}.contact-form-header h2{letter-spacing:-.02em;margin:0 0 8px;font-size:1.75rem;font-weight:800}.contact-form-header p{color:var(--text-muted);margin:0;font-size:.95rem}.contact-success{background:var(--success-bg);border:1px solid var(--success-border);border-radius:var(--radius-sm);color:var(--success-text);flex-direction:column;gap:4px;margin-bottom:24px;padding:14px 16px;font-size:.95rem;display:flex}.contact-success strong{font-weight:700}.contact-form{flex-direction:column;gap:20px;display:flex}.form-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.form-group{flex-direction:column;gap:8px;min-width:0;display:flex}.form-group label{color:var(--text);font-size:.875rem;font-weight:600}.form-group input,.form-group select,.form-group textarea{border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text);background:#fff;outline:none;padding:12px 14px;font-family:inherit;font-size:.95rem;transition:border-color .2s,box-shadow .2s,background-color .2s}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-light)}.form-group input:hover,.form-group select:hover,.form-group textarea:hover{border-color:var(--border-hover)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary);background:#fff;box-shadow:0 0 0 3px #004aad1f}.form-group select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23475569' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;padding-right:40px}.form-group textarea{resize:vertical;min-height:140px}.contact-submit{background:var(--primary);border:1px solid var(--primary);border-radius:var(--radius-sm);color:#fff;cursor:pointer;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px 20px;font-family:inherit;font-size:1rem;font-weight:700;transition:background-color .2s,border-color .2s,transform .1s,box-shadow .2s;display:inline-flex;box-shadow:0 4px 12px #004aad33}.contact-submit span{transition:transform .2s}.contact-submit:hover{background:var(--primary-dark);border-color:var(--primary-dark);box-shadow:0 6px 16px #004aad47}.contact-submit:hover span{transform:translate(3px)}.contact-submit:active{transform:translateY(1px)}.contact-submit:focus-visible{outline-offset:2px;outline:3px solid #004aad59}@media (width<=1024px){.contact-container{grid-template-columns:1fr;gap:48px}.contact-form-wrapper{padding:32px}}@media (width<=768px){.contact-hero{padding:72px 20px 80px}.contact-section{padding:56px 20px 72px}.contact-container{gap:40px}.form-row{grid-template-columns:1fr;gap:20px}.contact-form-wrapper{padding:24px}.contact-info h2{font-size:1.75rem}.contact-form-header h2{font-size:1.5rem}}@media (width<=480px){.contact-hero{padding:56px 16px 64px}.contact-section{padding:40px 16px 56px}.contact-card{gap:12px;padding:16px}.contact-icon{width:40px;height:40px;font-size:18px}.contact-form-wrapper{border-radius:12px;padding:20px}.contact-submit{padding:13px 16px;font-size:.95rem}}:root{--primary:#004aad;--primary-dark:#00337a;--primary-darker:#002354;--primary-light:#e6effb;--primary-soft:#f0f5fc;--accent:#00b4d8;--text-strong:#0b1220;--text:#1e293b;--text-muted:#64748b;--text-light:#94a3b8;--bg:#f6f8fc;--surface:#fff;--border:#e4e9f2;--border-strong:#d3dbe8;--success:#10b981;--success-bg:#ecfdf5;--success-border:#a7f3d0;--success-text:#065f46;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--shadow-sm:0 2px 8px #0f172a0f;--shadow-md:0 12px 28px -8px #0f172a1f;--shadow-lg:0 30px 60px -20px #00337a38;--font:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}.thank-you-page{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(at 100% 0,#00b4d814 0%,#0000 55%),radial-gradient(at 0 100%,#004aad14 0%,#0000 60%);justify-content:center;align-items:center;padding:60px 24px;line-height:1.65;display:flex;position:relative;overflow-x:hidden}.thank-you-page *,.thank-you-page :before,.thank-you-page :after{box-sizing:border-box}.thank-you-page:before{content:"";pointer-events:none;background-image:linear-gradient(#004aad09 1px,#0000 1px),linear-gradient(90deg,#004aad09 1px,#0000 1px);background-size:56px 56px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 10%,#0000 70%);mask-image:radial-gradient(#000 10%,#0000 70%)}.thank-you-card{z-index:1;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:560px;box-shadow:var(--shadow-lg);text-align:center;padding:56px 48px 44px;animation:.5s cubic-bezier(.16,1,.3,1) thankYouRise;position:relative}.thank-you-card:before{content:"";background:linear-gradient(90deg, var(--primary) 0%, var(--accent) 100%);border-radius:0 0 4px 4px;height:3px;position:absolute;top:0;left:48px;right:48px}@keyframes thankYouRise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.thank-you-icon{background:var(--success-bg);border:1px solid var(--success-border);width:76px;height:76px;color:var(--success);border-radius:50%;place-items:center;margin:0 auto 24px;font-size:34px;font-weight:700;line-height:1;display:inline-grid;box-shadow:0 0 0 8px #10b98114}.thank-you-icon:after{content:"";border:2px solid #10b98140;border-radius:50%;width:76px;height:76px;animation:2.4s ease-out infinite thankYouPulse;position:absolute}@keyframes thankYouPulse{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(1.35)}}.thank-you-label{color:var(--primary);letter-spacing:.16em;text-transform:uppercase;align-items:center;gap:8px;margin-bottom:14px;font-size:11.5px;font-weight:700;display:inline-flex}.thank-you-label:before,.thank-you-label:after{content:"";background:var(--primary);border-radius:2px;width:20px;height:2px}.thank-you-card h1{color:var(--text-strong);letter-spacing:-.03em;margin:0 0 14px;font-size:clamp(1.75rem,3.5vw,2.25rem);font-weight:800;line-height:1.15}.thank-you-card p{max-width:420px;color:var(--text-muted);margin:0 auto 32px;font-size:.98rem;line-height:1.7}.thank-you-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.thank-you-primary,.thank-you-secondary{border-radius:var(--radius-sm);letter-spacing:.01em;cursor:pointer;justify-content:center;align-items:center;min-width:160px;padding:13px 22px;font-family:inherit;font-size:.92rem;font-weight:700;text-decoration:none;transition:background-color .2s,border-color .2s,color .2s,transform .12s,box-shadow .2s;display:inline-flex}.thank-you-primary{background:var(--primary);border:1px solid var(--primary);color:#fff;box-shadow:0 4px 14px #004aad38}.thank-you-primary:hover{background:var(--primary-dark);border-color:var(--primary-dark);transform:translateY(-1px);box-shadow:0 8px 22px #004aad4d}.thank-you-primary:active{transform:translateY(1px);box-shadow:0 2px 8px #004aad40}.thank-you-primary:focus-visible{outline-offset:3px;outline:3px solid #004aad66}.thank-you-secondary{border:1px solid var(--border-strong);color:var(--text-strong);background:#fff}.thank-you-secondary:hover{background:var(--primary-soft);border-color:var(--primary);color:var(--primary);transform:translateY(-1px)}.thank-you-secondary:active{transform:translateY(1px)}.thank-you-secondary:focus-visible{outline-offset:3px;outline:3px solid #004aad4d}@media (width<=640px){.thank-you-page{padding:40px 20px}.thank-you-card{border-radius:var(--radius-md);padding:44px 28px 36px}.thank-you-card:before{left:28px;right:28px}.thank-you-icon{width:68px;height:68px;margin-bottom:20px;font-size:30px}.thank-you-icon:after{width:68px;height:68px}.thank-you-card p{margin-bottom:28px;font-size:.94rem}}@media (width<=420px){.thank-you-page{padding:32px 16px}.thank-you-card{padding:36px 22px 30px}.thank-you-card:before{left:22px;right:22px}.thank-you-icon{width:60px;height:60px;font-size:26px;box-shadow:0 0 0 6px #10b98114}.thank-you-icon:after{width:60px;height:60px}.thank-you-actions{flex-direction:column;gap:10px}.thank-you-primary,.thank-you-secondary{width:100%;min-width:0}}@media (prefers-reduced-motion:reduce){.thank-you-page *,.thank-you-page :before,.thank-you-page :after{transition-duration:.01ms!important;animation-duration:.01ms!important}}:root{--primary:#004aad;--primary-dark:#003580;--primary-deep:#002b66;--primary-soft:#ebf2fb;--primary-glow:#004aad26;--bg:#f9f9f9;--white:#fff;--dark:#0a0f1c;--body:#4a5568;--muted:#8a94a6;--line:#e8ecf1;--radius:14px;--radius-lg:20px;--transition:.35s cubic-bezier(.4, 0, .2, 1)}.about-page *{box-sizing:border-box}.about-page{background:var(--bg);color:var(--dark);-webkit-font-smoothing:antialiased;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;overflow-x:hidden}.about-container{max-width:1180px;margin:0 auto;padding:0 24px}.about-hero{background:linear-gradient(135deg,#004aad 0%,#003580 45%,#002b66 100%);border-bottom:none;padding:120px 0 130px;position:relative;overflow:hidden}.about-hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#5a96f073,#0000 60%);border-radius:50%;width:750px;height:750px;position:absolute;top:-40%;right:-15%}.about-hero:after{content:"";pointer-events:none;background:radial-gradient(circle,#3c78dc59,#0000 65%);border-radius:50%;width:650px;height:650px;position:absolute;bottom:-50%;left:-15%}.about-hero-overlay{pointer-events:none;background-image:linear-gradient(#ffffff0d 1px,#0000 1px),linear-gradient(90deg,#ffffff0d 1px,#0000 1px);background-size:60px 60px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 70%,#000 20%,#0000 70%);mask-image:radial-gradient(80% 70%,#000 20%,#0000 70%)}.about-hero-content{z-index:2;text-align:center;max-width:780px;margin:0 auto;position:relative}.about-badge{letter-spacing:1.8px;text-transform:uppercase;color:#fff;-webkit-backdrop-filter:blur(10px);background:#ffffff1f;border:1px solid #fff3;border-radius:999px;align-items:center;gap:8px;margin-bottom:28px;padding:9px 18px;font-size:11.5px;font-weight:700;display:inline-flex}.about-badge i{color:#a9c7f5;font-size:12px}.about-hero h1{letter-spacing:-2px;color:#fff;margin:0 0 26px;font-size:clamp(38px,5.5vw,66px);font-weight:800;line-height:1.08}.about-hero h1 span{background:linear-gradient(90deg,#a9c7f5 0%,#fff 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:block}.about-hero p{color:#ffffffc7;max-width:600px;margin:0 auto 42px;font-size:17px;line-height:1.7}.about-hero-actions{flex-wrap:wrap;justify-content:center;gap:14px;margin-bottom:64px;display:flex}.about-hero .about-primary-btn{color:var(--primary);background:#fff;box-shadow:0 10px 30px #0003}.about-hero .about-primary-btn:hover{background:#f0f5fc;transform:translateY(-2px);box-shadow:0 14px 36px #00000047}.about-hero .about-secondary-btn{color:#fff;-webkit-backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #ffffff40}.about-hero .about-secondary-btn:hover{color:#fff;background:#ffffff29;border-color:#ffffff80}.about-hero-stats{border-radius:var(--radius);-webkit-backdrop-filter:blur(14px);background:#ffffff14;border:1px solid #ffffff26;align-items:center;gap:44px;padding:26px 48px;display:inline-flex}.about-stat{text-align:center}.about-stat h4{color:#fff;letter-spacing:-.8px;margin:0 0 2px;font-size:28px;font-weight:800}.about-stat p{color:#ffffffa6;letter-spacing:.3px;text-transform:uppercase;margin:0;font-size:12.5px;font-weight:500}.about-stat-divider{background:#ffffff2e;width:1px;height:38px}.about-primary-btn,.about-secondary-btn{transition:var(--transition);cursor:pointer;white-space:nowrap;letter-spacing:-.1px;border:1px solid #0000;border-radius:10px;align-items:center;gap:9px;padding:14px 26px;font-size:14.5px;font-weight:600;text-decoration:none;display:inline-flex}.about-primary-btn{background:var(--primary);color:var(--white)}.about-primary-btn:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 10px 24px #004aad3d}.about-primary-btn i{font-size:13px}.about-secondary-btn{color:var(--dark);border:1px solid var(--line);background:0 0}.about-secondary-btn:hover{border-color:var(--primary);color:var(--primary);background:var(--white)}.about-section,.about-how,.about-features{padding:100px 0}.about-section-heading{max-width:640px;margin:0 0 60px}.about-section-heading.center{text-align:center;margin-left:auto;margin-right:auto}.about-label{letter-spacing:2px;text-transform:uppercase;color:var(--primary);margin-bottom:16px;font-size:11.5px;font-weight:700;display:inline-block}.about-section-heading h2{letter-spacing:-1px;color:var(--dark);margin:0 0 16px;font-size:clamp(28px,3.5vw,40px);font-weight:800;line-height:1.18}.about-section-heading h2 span{color:var(--primary)}.about-section-heading p{color:var(--body);margin:0;font-size:16px;line-height:1.7}.about-intro-grid{border-top:1px solid var(--line);border-left:1px solid var(--line);border-radius:var(--radius);background:var(--white);grid-template-columns:repeat(3,1fr);gap:0;display:grid;overflow:hidden}.about-intro-card{border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--white);transition:var(--transition);padding:40px 34px;position:relative}.about-intro-card:hover{background:var(--primary-soft)}.about-card-icon{background:var(--primary-soft);width:44px;height:44px;color:var(--primary);transition:var(--transition);border-radius:10px;justify-content:center;align-items:center;margin-bottom:22px;font-size:17px;display:flex}.about-intro-card:hover .about-card-icon{background:var(--primary);color:var(--white)}.about-card-number{color:var(--muted);letter-spacing:1px;font-size:13px;font-weight:700;position:absolute;top:40px;right:34px}.about-intro-card h3{color:var(--dark);letter-spacing:-.3px;margin:0 0 10px;font-size:18px;font-weight:700}.about-intro-card p{color:var(--body);margin:0;font-size:14.5px;line-height:1.7}.about-mission{background:var(--white);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:110px 0}.about-mission-grid{grid-template-columns:1fr 1fr;align-items:center;gap:80px;display:grid}.about-mission-content h2{letter-spacing:-1px;color:var(--dark);margin:0 0 22px;font-size:clamp(28px,3.5vw,40px);font-weight:800;line-height:1.18}.about-mission-content h2 span{color:var(--primary)}.about-mission-content p{color:var(--body);margin:0 0 18px;font-size:15.5px;line-height:1.75}.about-mission-points{flex-wrap:wrap;gap:10px;margin-top:28px;display:flex}.about-mission-point{color:var(--dark);background:var(--bg);border:1px solid var(--line);border-radius:8px;align-items:center;gap:8px;padding:9px 16px;font-size:13.5px;font-weight:600;display:inline-flex}.about-mission-point i{color:var(--primary);font-size:13px}.about-mission-box{border-radius:var(--radius-lg);color:var(--white);background:linear-gradient(145deg,#004aad 0%,#002b66 100%);flex-direction:column;justify-content:center;min-height:340px;padding:48px 40px;display:flex;position:relative;overflow:hidden}.about-mission-box:before{content:"";border:1px solid #ffffff26;border-radius:50%;width:220px;height:220px;position:absolute;top:-60px;right:-60px}.about-mission-box:after{content:"";border:1px solid #ffffff1a;border-radius:50%;width:200px;height:200px;position:absolute;bottom:-80px;left:-60px}.about-mission-icon{z-index:1;background:#ffffff24;border-radius:12px;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:26px;font-size:22px;display:flex;position:relative}.about-mission-box h3{letter-spacing:-1px;z-index:1;margin:0 0 14px;font-size:32px;font-weight:800;line-height:1.15;position:relative}.about-mission-box p{color:#ffffffbf;z-index:1;max-width:260px;margin:0;font-size:14.5px;position:relative}.about-steps{grid-template-columns:repeat(4,1fr);gap:20px;display:grid;position:relative}.about-step{padding:0;position:relative}.about-step:before{content:"";background:var(--line);z-index:0;height:1px;position:absolute;top:27px;left:56px;right:-20px}.about-step:last-child:before{display:none}.about-step-number{z-index:1;background:var(--white);border:1px solid var(--line);width:54px;height:54px;color:var(--primary);transition:var(--transition);border-radius:50%;justify-content:center;align-items:center;margin-bottom:24px;font-size:18px;display:flex;position:relative}.about-step:hover .about-step-number{background:var(--primary);color:var(--white);border-color:var(--primary);transform:scale(1.06)}.about-step h3{color:var(--dark);letter-spacing:-.2px;margin:0 0 8px;font-size:16px;font-weight:700}.about-step p{color:var(--body);margin:0;padding-right:12px;font-size:14px;line-height:1.65}.about-step-tag{letter-spacing:1.5px;color:var(--muted);text-transform:uppercase;margin-top:14px;font-size:10.5px;font-weight:700;display:inline-block}.about-features{background:var(--white);border-top:1px solid var(--line)}.about-feature-grid{grid-template-columns:repeat(4,1fr);gap:40px 32px;display:grid}.about-feature{background:0 0;border:none;padding:0}.about-feature-icon{background:var(--primary-soft);width:48px;height:48px;color:var(--primary);transition:var(--transition);border-radius:12px;justify-content:center;align-items:center;margin-bottom:20px;font-size:19px;display:flex}.about-feature:hover .about-feature-icon{background:var(--primary);color:var(--white)}.about-feature h3{color:var(--dark);letter-spacing:-.2px;margin:0 0 8px;font-size:16.5px;font-weight:700}.about-feature p{color:var(--body);margin:0;font-size:14px;line-height:1.7}.about-cta{color:var(--white);background:linear-gradient(145deg,#004aad 0%,#002b66 100%);padding:100px 0;position:relative;overflow:hidden}.about-cta:before{content:"";background:radial-gradient(circle,#ffffff14,#0000 60%);border-radius:50%;width:600px;height:600px;position:absolute;top:-50%;left:-10%}.about-cta-content{z-index:1;text-align:center;max-width:620px;margin:0 auto;position:relative}.about-cta .about-label{color:#ffffffb3}.about-cta h2{letter-spacing:-1.2px;color:var(--white);margin:0 0 16px;font-size:clamp(30px,4vw,44px);font-weight:800;line-height:1.15}.about-cta h2 span{color:#ffffffd9}.about-cta p{color:#ffffffb8;margin:0 0 36px;font-size:16px}.about-cta-actions{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.about-cta .about-primary-btn{background:var(--white);color:var(--primary)}.about-cta .about-primary-btn:hover{background:#f0f5fc;box-shadow:0 10px 28px #0003}.about-cta .about-secondary-btn{color:var(--white);background:0 0;border:1px solid #ffffff4d}.about-cta .about-secondary-btn:hover{color:var(--white);background:#ffffff1a;border-color:#fff9}@media (width<=1024px){.about-mission-grid{grid-template-columns:1fr;gap:48px}.about-intro-grid{grid-template-columns:1fr}.about-steps{grid-template-columns:repeat(2,1fr);gap:40px 24px}.about-step:before{display:none}.about-feature-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.about-hero{padding:80px 20px 70px}.about-section,.about-how,.about-features,.about-mission,.about-cta{padding:70px 0}.about-container{padding:0 20px}.about-hero-actions,.about-cta-actions{flex-direction:column;align-items:stretch}.about-primary-btn,.about-secondary-btn{justify-content:center}.about-hero-stats{flex-direction:column;gap:20px;width:100%;padding:24px 32px}.about-stat-divider{width:50px;height:1px}.about-steps,.about-feature-grid{grid-template-columns:1fr;gap:32px}.about-intro-card{padding:32px 26px}.about-mission-box{min-height:auto;padding:40px 28px}.about-mission-box h3{font-size:26px}}.booking-details{padding-bottom:40px}.booking-details-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px;display:flex}.booking-details-header h1{margin:0;font-size:28px;font-weight:700}.booking-details-header p{color:#777;margin:6px 0 0;font-size:14px}.booking-details-hr{border:0;border-top:1px solid #e5e5e5;margin:0 0 25px}.back-bookings-btn{color:#333;background:#f4f6f8;border-radius:8px;justify-content:center;align-items:center;min-height:42px;padding:0 18px;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.back-bookings-btn:hover{background:#e9edf1}.booking-details-container{flex-direction:column;gap:20px;display:flex}.booking-status-card,.booking-info-card,.booking-payment-card{background:#fff;border:1px solid #e8e8e8;border-radius:12px;box-shadow:0 3px 15px #0000000d}.booking-status-card{grid-template-columns:repeat(3,1fr);gap:1px;display:grid;overflow:hidden}.status-item{background:#fff;flex-direction:column;justify-content:center;gap:10px;min-height:95px;padding:20px;display:flex}.status-item>span{color:#777;font-size:13px;font-weight:500}.status-item strong{font-size:16px}.status-badge{border-radius:20px;width:fit-content;padding:6px 12px;font-size:13px!important;font-weight:600!important}.status-badge.pending{color:#946200;background:#fff4d6}.status-badge.approved{color:#18864b;background:#e5f8ed}.status-badge.rejected{color:#c62828;background:#fde8e8}.status-badge.paid{color:#18864b;background:#e5f8ed}.status-badge.unpaid{color:#946200;background:#fff4d6}.status-badge.cancelled{color:#c62828;background:#fde8e8}.booking-info-card,.booking-payment-card{padding:25px}.booking-info-card h2,.booking-payment-card h2{color:#222;margin:0 0 22px;font-size:19px;font-weight:700}.booking-info-grid,.payment-info-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.info-item{flex-direction:column;gap:7px;min-width:0;display:flex}.info-item>span{color:#777;font-size:13px}.info-item>strong{color:#222;overflow-wrap:anywhere;font-size:15px;font-weight:600}.status-text.paid{color:#18864b}.status-text.unpaid{color:#946200}.payment-notice,.booking-notice{border-radius:9px;margin-top:22px;padding:16px 18px}.payment-notice h3,.booking-notice h3{margin:0 0 7px;font-size:15px;font-weight:700}.payment-notice p,.booking-notice p{margin:0;font-size:14px;line-height:1.6}.cash-notice{background:#fff8e6;border:1px solid #f1dfab}.cash-notice h3{color:#8a6200}.cash-notice p{color:#725c28}.bank-notice{background:#eef6ff;border:1px solid #cfe2f7}.bank-notice h3{color:#145a91}.bank-notice p{color:#41627d}.paid-notice{background:#eaf8f0;border:1px solid #ccebd9}.paid-notice h3{color:#18864b}.paid-notice p{color:#356b4d}.pending-notice{background:#fff8e6;border:1px solid #f1dfab}.pending-notice h3{color:#8a6200}.pending-notice p{color:#725c28}.approved-notice{background:#eaf8f0;border:1px solid #ccebd9}.approved-notice h3{color:#18864b}.approved-notice p{color:#356b4d}.rejected-notice{background:#fff0f0;border:1px solid #f1d0d0}.rejected-notice h3{color:#c62828}.rejected-notice p{color:#754040}.booking-loading{color:#777;background:#fff;border:1px solid #e8e8e8;border-radius:12px;justify-content:center;align-items:center;min-height:250px;font-size:15px;display:flex}.booking-error{text-align:center;background:#fff;border:1px solid #e8e8e8;border-radius:12px;padding:35px;box-shadow:0 3px 15px #0000000d}.booking-error h2{margin:0 0 8px;font-size:20px}.booking-error p{color:#777;margin:0 0 20px}.booking-error a{color:#fff;background:#004aad;border-radius:8px;justify-content:center;align-items:center;min-height:42px;padding:0 18px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.booking-error a:hover{background:#003d91}@media (width<=1100px){.booking-info-grid,.payment-info-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=800px){.booking-status-card{grid-template-columns:1fr}.status-item{min-height:auto;padding:16px 20px}.booking-details-header{flex-direction:column;align-items:flex-start}.back-bookings-btn{width:100%}}@media (width<=600px){.booking-info-card,.booking-payment-card{padding:18px}.booking-info-grid,.payment-info-grid{grid-template-columns:1fr;gap:17px}.booking-details-header h1{font-size:23px}.booking-details-container{gap:15px}.payment-notice,.booking-notice{padding:14px}}.bookings{padding-bottom:40px}.bookings-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px;display:flex}.bookings-header h1{color:#222;margin:0;font-size:28px;font-weight:700}.bookings-header p{color:#777;margin:6px 0 0;font-size:14px}.bookings-count{color:#004aad;background:#f1f5fb;border-radius:8px;padding:9px 14px;font-size:14px;font-weight:600}.bookings-hr{border:0;border-top:1px solid #e5e5e5;margin:0 0 25px}.bookings-table-wrapper{background:#fff;border:1px solid #e8e8e8;border-radius:12px;width:100%;overflow-x:auto;box-shadow:0 3px 15px #0000000d}.bookings-table{border-collapse:collapse;width:100%;min-width:1000px}.bookings-table thead{background:#f8f9fb}.bookings-table th{text-align:left;color:#666;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;border-bottom:1px solid #e8e8e8;padding:15px 18px;font-size:12px;font-weight:600}.bookings-table td{color:#333;vertical-align:middle;border-bottom:1px solid #eee;padding:17px 18px;font-size:14px}.bookings-table tbody tr:last-child td{border-bottom:0}.bookings-table tbody tr{transition:background .2s}.bookings-table tbody tr:hover{background:#fafcff}.booking-id{color:#222;font-size:14px;font-weight:700}.booking-created{color:#999;margin-top:4px;font-size:12px}.sport-name{color:#333;font-weight:600}.court-name{color:#888;margin-top:4px;font-size:12px}.booking-date{color:#333;font-weight:600}.booking-time{color:#777;margin-top:5px;font-size:12px}.payment-method{color:#888;margin-top:5px;font-size:12px}.booking-badge{white-space:nowrap;border-radius:20px;justify-content:center;align-items:center;min-width:75px;padding:6px 11px;font-size:12px;font-weight:600;display:inline-flex}.booking-badge.pending{color:#946200;background:#fff4d6}.booking-badge.approved{color:#18864b;background:#e5f8ed}.booking-badge.rejected{color:#c62828;background:#fde8e8}.booking-badge.paid{color:#18864b;background:#e5f8ed}.booking-badge.unpaid{color:#946200;background:#fff4d6}.view-booking-btn{color:#fff;background:#004aad;border-radius:7px;justify-content:center;align-items:center;min-width:65px;height:36px;padding:0 13px;font-size:13px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.view-booking-btn:hover{background:#003d91}.bookings-loading{color:#777;background:#fff;border:1px solid #e8e8e8;border-radius:12px;justify-content:center;align-items:center;min-height:250px;font-size:15px;display:flex}.bookings-error{text-align:center;background:#fff;border:1px solid #e8e8e8;border-radius:12px;padding:35px;box-shadow:0 3px 15px #0000000d}.bookings-error h2{color:#222;margin:0 0 8px;font-size:20px}.bookings-error p{color:#777;margin:0 0 20px;font-size:14px}.bookings-error button{color:#fff;cursor:pointer;background:#004aad;border:0;border-radius:8px;min-height:42px;padding:0 18px;font-size:14px;font-weight:600;transition:all .2s}.bookings-error button:hover{background:#003d91}.empty-bookings{text-align:center;background:#fff;border:1px solid #e8e8e8;border-radius:12px;padding:60px 20px;box-shadow:0 3px 15px #0000000d}.empty-bookings-icon{background:#f1f5fb;border-radius:50%;justify-content:center;align-items:center;width:58px;height:58px;margin:0 auto 15px;font-size:25px;display:flex}.empty-bookings h2{color:#222;margin:0 0 7px;font-size:19px}.empty-bookings p{color:#888;margin:0;font-size:14px}@media (width<=700px){.bookings-header{flex-direction:column;align-items:flex-start}.bookings-count{box-sizing:border-box;text-align:center;width:100%}.bookings-header h1{font-size:24px}.bookings-hr{margin-bottom:18px}.bookings-table-wrapper{border-radius:10px}}.booking-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.cancel-booking-btn{color:#dc2626;cursor:pointer;background:#fff;border:1px solid #dc2626;border-radius:6px;padding:8px 12px;font-size:13px;font-weight:600;transition:all .2s}.cancel-booking-btn:hover{color:#fff;background:#dc2626}.cancel-booking-btn:disabled{opacity:.6;cursor:not-allowed}.booking-badge.upcoming{color:#166534;text-align:center;background:#dcfce7;margin-top:5px}.booking-badge.ongoing{color:#1d4ed8;text-align:center;background:#dbeafe;margin-top:5px}.booking-badge.past{color:#6b7280;text-align:center;background:#f3f4f6;margin-top:5px}.booking-badge.cancelled{color:#991b1b;text-align:center;background:#fee2e2;margin-top:5px}.checkout-upload{padding-bottom:40px}.checkout-upload-header{justify-content:space-between;align-items:center;gap:20px;display:flex}.checkout-upload-header h1{margin:0}.checkout-upload-header p{color:#666;margin:8px 0 0;font-size:14px}.checkout-upload-back{color:#004aad;white-space:nowrap;font-weight:600;text-decoration:none}.checkout-upload-hr{border:0;border-top:1px solid #e5e5e5;margin:20px 0 28px}.checkout-upload-container{max-width:720px;margin:0 auto}.checkout-upload-card{background:#fff;border:1px solid #e8e8e8;border-radius:14px;padding:32px;box-shadow:0 4px 18px #0000000f}.upload-main{text-align:center}.upload-icon{color:#004aad;background:#eef5ff;border-radius:50%;justify-content:center;align-items:center;width:58px;height:58px;margin:0 auto 18px;font-size:28px;font-weight:700;display:flex}.upload-main h2{color:#222;margin:0 0 8px;font-size:22px}.upload-main>p{color:#666;max-width:520px;margin:0 auto 24px;font-size:14px;line-height:1.6}.payment-proof-upload{cursor:pointer;background:#fafcff;border:2px dashed #cbd5e1;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:180px;padding:25px;transition:all .2s;display:flex}.payment-proof-upload:hover{background:#f5f9ff;border-color:#004aad}.payment-proof-upload input{display:none}.payment-proof-upload strong{color:#004aad;word-break:break-word;max-width:100%;font-size:16px}.payment-proof-upload span{color:#777;font-size:13px}.payment-proof-preview{background:#fafafa;border:1px solid #e5e5e5;border-radius:10px;margin-top:20px;padding:10px}.payment-proof-preview img{object-fit:contain;border-radius:7px;width:100%;max-height:400px;display:block}.selected-file{word-break:break-word;background:#f5f8fc;border-radius:8px;justify-content:center;align-items:center;gap:6px;margin-top:15px;padding:12px 15px;font-size:13px;display:flex}.selected-file span{color:#777}.selected-file strong{color:#222}.submit-payment-proof{color:#fff;cursor:pointer;background:#004aad;border:0;border-radius:8px;width:100%;margin-top:22px;padding:14px 20px;font-size:15px;font-weight:600;transition:all .2s}.submit-payment-proof:hover:not(:disabled){background:#003b8f}.submit-payment-proof:disabled{opacity:.55;cursor:not-allowed}.upload-note{color:#777;margin:16px 0 0;font-size:12px;line-height:1.5}.checkout-upload-loading{text-align:center;color:#666;padding:40px}.checkout-upload-error{text-align:center;background:#fff;border:1px solid #eee;border-radius:12px;max-width:600px;margin:40px auto;padding:30px}.checkout-upload-error h2{margin:0 0 10px}.checkout-upload-error p{color:#666;margin-bottom:20px}.checkout-upload-error a{color:#004aad;font-weight:600;text-decoration:none}@media (width<=700px){.checkout-upload-header{flex-direction:column;align-items:flex-start}.checkout-upload-card{padding:22px 18px}.upload-main h2{font-size:19px}.payment-proof-upload{min-height:160px}}.my-matches-cont{max-width:1100px;margin:0 auto;padding:30px 20px 50px}.section-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px;display:flex}.section-header h2{color:#222;margin:0;font-size:28px}.section-header p{color:#777;margin:7px 0 0;font-size:14px}.section-header a{color:#004aad;font-size:14px;font-weight:600;text-decoration:none}.section-header a:hover{text-decoration:underline}.matches-list{flex-direction:column;gap:15px;display:flex}.match-item{background:#fff;border:1px solid #e8e8e8;border-radius:12px;justify-content:space-between;align-items:center;gap:25px;padding:22px;display:flex;box-shadow:0 3px 15px #0000000d}.match-info{flex:1;min-width:0}.match-info h3{color:#222;margin:0 0 10px;font-size:18px}.match-info p{color:#666;margin:5px 0;font-size:14px}.match-role{border-radius:20px;margin-top:10px;padding:5px 10px;font-size:12px;font-weight:600;display:inline-block}.match-role.creator{color:#004aad;background:#eef5ff}.match-role.joined{color:#27833d;background:#f1f8f3}.match-action{flex-shrink:0}.match-action button{color:#fff;cursor:pointer;background:#004aad;border:0;border-radius:7px;min-width:120px;padding:10px 16px;font-size:13px;font-weight:600;transition:all .2s}.match-action button:hover:not(:disabled){background:#003b8f}.match-action button:disabled{opacity:.6;cursor:not-allowed}.cancelled{color:#c62828;background:#fcecec;border-radius:20px;padding:8px 12px;font-size:13px;font-weight:600;display:inline-block}.empty-matches{text-align:center;background:#fff;border:1px solid #e8e8e8;border-radius:12px;padding:50px 20px;box-shadow:0 3px 15px #0000000a}.empty-matches p{color:#777;margin:0;font-size:15px}@media (width<=700px){.my-matches-cont{padding:20px 15px 40px}.section-header{flex-direction:column;align-items:flex-start;margin-bottom:20px}.section-header h2{font-size:24px}.match-item{flex-direction:column;align-items:stretch;gap:18px;padding:18px}.match-action,.match-action button{width:100%}.cancelled{text-align:center}}.match-status .upcoming{color:#166534;font-weight:600}.match-status .ongoing{color:#1d4ed8;font-weight:600}.match-status .past,.match-action .past{color:#6b7280;font-weight:600}.match-status .cancelled,.match-action .cancelled{color:#991b1b;font-weight:600}.match-organizer{background:#f7f9fc;border:1px solid #e8edf4;border-radius:10px;align-items:center;gap:10px;margin:12px 0;padding:12px;display:flex}.organizer-avatar{color:#fff;background:#004aad;border-radius:50%;justify-content:center;align-items:center;width:42px;min-width:42px;height:42px;font-size:17px;font-weight:700;display:flex;overflow:hidden}.organizer-avatar img{object-fit:cover;width:100%;height:100%}.organizer-info{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.organizer-info small{color:#777;font-size:11px}.organizer-info strong{color:#222;font-size:13px}.organizer-type{color:#004aad;background:#e8f0ff;border-radius:20px;padding:5px 8px;font-size:10px;font-weight:600}.wallet-link{width:100%;color:inherit;text-decoration:none;display:block}.wallet-card{box-sizing:border-box;background:#fff;border:1px solid #e8e8e8;border-radius:20px;justify-content:space-between;align-items:center;width:calc(100% - 40px);min-height:170px;margin:0 auto;padding:30px 34px;transition:all .2s;display:flex;box-shadow:0 8px 28px #00000014}.wallet-card:hover{transform:translateY(-3px);box-shadow:0 12px 32px #0000001c}.wallet-content{flex-direction:column;display:flex}.wallet-label{color:#666;margin-bottom:8px;font-size:16px;font-weight:500}.wallet-card h2{color:#004aad;margin:0;font-size:38px;font-weight:700;line-height:1.2}.wallet-card p{color:#999;margin:8px 0 0;font-size:14px}.wallet-icon{color:#fff;background:#004aad;border-radius:18px;flex-shrink:0;justify-content:center;align-items:center;width:68px;height:68px;font-size:30px;font-weight:700;display:flex}@media (width<=768px){.wallet-card{min-height:150px;padding:25px}.wallet-card h2{font-size:32px}.wallet-icon{width:60px;height:60px;font-size:26px}}@media (width<=480px){.wallet-card{min-height:140px;padding:20px}.wallet-label{font-size:14px}.wallet-card h2{font-size:28px}.wallet-card p{font-size:13px}.wallet-icon{border-radius:14px;width:52px;height:52px;font-size:23px}}.match-chat-page{--chat-primary:var(--primary-color,#004aad);--chat-border:#e5eaf1;--chat-text:#172033;--chat-muted:#748094;--chat-surface:#fff;--chat-background:#f4f7fb;background:var(--chat-background);min-height:calc(100vh - 80px);color:var(--chat-text);padding:28px 20px}.match-chat-container{background:var(--chat-surface);border:1px solid var(--chat-border);border-radius:18px;flex-direction:column;width:100%;max-width:1000px;min-height:650px;margin:0 auto;display:flex;overflow:hidden;box-shadow:0 10px 35px #142a5012}.match-chat-header{background:var(--chat-surface);border-bottom:1px solid var(--chat-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:22px 26px;display:flex;position:relative}.match-chat-back-link{color:var(--chat-muted);align-items:center;gap:7px;font-size:13px;font-weight:600;text-decoration:none;transition:color .2s;display:inline-flex}.match-chat-back-link:hover{color:var(--chat-primary)}.match-chat-back-link span{font-size:20px;line-height:1}.match-chat-heading{flex:1;align-items:center;gap:13px;min-width:180px;display:flex}.match-chat-avatar{background:#eaf2ff;border-radius:15px;flex-shrink:0;place-items:center;width:48px;height:48px;font-size:23px;display:grid}.match-chat-title{min-width:0}.match-chat-title h1{color:var(--chat-text);overflow-wrap:anywhere;margin:0 0 5px;font-size:19px;font-weight:750;line-height:1.35}.match-chat-title p{color:var(--chat-muted);margin:0;font-size:13px}.match-chat-players-toggle{color:var(--chat-primary);font:inherit;cursor:pointer;background:#edf4ff;border:1px solid #dce9ff;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:10px 15px;font-size:13px;font-weight:700;transition:background .2s,transform .2s;display:inline-flex}.match-chat-players-toggle:hover{background:#dfeaff;transform:translateY(-1px)}.match-chat-players{border-bottom:1px solid var(--chat-border);background:#f9fbfe;padding:18px 26px}.match-chat-players h3{margin:0 0 14px;font-size:14px;font-weight:750}.match-chat-players ul{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.match-chat-players li{overflow-wrap:anywhere;align-items:center;gap:10px;min-width:0;font-size:13px;font-weight:600;display:flex}.match-chat-player-avatar,.match-chat-message-avatar{width:36px;height:36px;color:var(--chat-primary);background:#eaf2ff;border-radius:50%;flex-shrink:0;place-items:center;font-size:13px;font-weight:750;display:grid}.match-chat-players li small{color:#176b43;background:#e4f7ec;border-radius:6px;margin-left:auto;padding:4px 7px;font-size:10px;font-weight:700}.match-chat-players>p{color:var(--chat-muted);margin:0;font-size:13px}.match-chat-error{color:#a32332;overflow-wrap:anywhere;background:#fff0f1;border:1px solid #ffd8dc;border-radius:9px;margin:16px 22px 0;padding:12px 14px;font-size:13px;line-height:1.5}.match-chat-messages{scroll-behavior:smooth;background:radial-gradient(circle at 1px 1px,#004aad09 1px,#0000 0) 0 0/22px 22px;flex:1;min-height:360px;max-height:60vh;padding:28px;overflow-y:auto}.match-chat-messages::-webkit-scrollbar{width:6px}.match-chat-messages::-webkit-scrollbar-track{background:0 0}.match-chat-messages::-webkit-scrollbar-thumb{background:#d3dce9;border-radius:10px}.match-chat-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:300px;padding:20px;display:flex}.match-chat-empty>div{background:#edf4ff;border-radius:20px;place-items:center;width:64px;height:64px;margin-bottom:16px;font-size:29px;display:grid}.match-chat-empty h2{color:var(--chat-text);margin:0 0 8px;font-size:18px;font-weight:750}.match-chat-empty p{color:var(--chat-muted);margin:0;font-size:13px;line-height:1.6}.match-chat-message{align-items:flex-start;gap:12px;margin-bottom:24px;display:flex}.match-chat-message-avatar{background:#eaf2ff;width:38px;height:38px}.match-chat-message-content{background:var(--chat-surface);border:1px solid var(--chat-border);border-radius:4px 14px 14px;min-width:0;max-width:calc(100% - 50px);padding:12px 15px;box-shadow:0 2px 7px #142a5006}.match-chat-message-meta{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:7px;display:flex}.match-chat-message-meta strong{color:var(--chat-primary);font-size:12px;font-weight:750}.match-chat-message-meta time{color:var(--chat-muted);font-size:10px}.match-chat-message-content p{color:var(--chat-text);white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;margin:0;font-size:14px;line-height:1.65}.match-chat-composer{background:var(--chat-surface);border-top:1px solid var(--chat-border);padding:18px 24px}.match-chat-composer textarea{resize:vertical;width:100%;min-height:48px;max-height:140px;color:var(--chat-text);border:1px solid var(--chat-border);font:inherit;background:#f8faff;border-radius:11px;outline:none;padding:13px 15px;font-size:14px;line-height:1.5;transition:border-color .2s,box-shadow .2s;display:block}.match-chat-composer textarea::placeholder{color:#98a3b4}.match-chat-composer textarea:focus{border-color:var(--chat-primary);box-shadow:0 0 0 3px #004aad17}.match-chat-composer textarea:disabled{cursor:not-allowed;opacity:.65}.match-chat-composer-footer{justify-content:space-between;align-items:center;gap:12px;margin-top:12px;display:flex}.match-chat-composer-footer>span{color:var(--chat-muted);font-size:11px}.match-chat-composer-footer button{color:#fff;background:var(--chat-primary);min-width:105px;font:inherit;cursor:pointer;border:0;border-radius:10px;justify-content:center;align-items:center;gap:7px;padding:11px 18px;font-size:13px;font-weight:700;transition:background .2s,transform .2s,opacity .2s;display:inline-flex;box-shadow:0 4px 10px #004aad29}.match-chat-composer-footer button:hover:not(:disabled){background:#003b8b;transform:translateY(-1px)}.match-chat-composer-footer button:disabled{cursor:not-allowed;opacity:.55;box-shadow:none}.match-chat-state{text-align:center;background:var(--chat-surface,#fff);border:1px solid var(--chat-border,#e5eaf1);border-radius:18px;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:600px;min-height:300px;margin:40px auto;padding:35px 25px;display:flex;box-shadow:0 10px 35px #142a500f}.match-chat-state-icon{margin-bottom:15px;font-size:35px}.match-chat-state h2{margin:0 0 10px;font-size:21px;font-weight:750}.match-chat-state p{max-width:420px;color:var(--chat-muted,#748094);margin:0 0 20px;font-size:14px;line-height:1.7}.match-chat-back{color:#fff;background:var(--chat-primary,#004aad);border-radius:9px;justify-content:center;align-items:center;padding:11px 17px;font-size:13px;font-weight:700;text-decoration:none;transition:background .2s;display:inline-flex}.match-chat-back:hover{background:#003b8b}@media (width>=1200px){.match-chat-page{padding-top:35px;padding-bottom:35px}.match-chat-container{min-height:720px}}@media (width<=768px){.match-chat-page{min-height:calc(100vh - 60px);padding:16px 12px}.match-chat-container{border-radius:14px;min-height:calc(100vh - 92px)}.match-chat-header{gap:14px;padding:17px}.match-chat-heading{flex-basis:100%;order:2}.match-chat-back-link{order:1}.match-chat-players-toggle{order:1;margin-left:auto;padding:9px 12px}.match-chat-title h1{font-size:17px}.match-chat-messages{flex:1;min-height:300px;max-height:none;padding:20px 15px}.match-chat-composer{padding:14px}.match-chat-players{padding:16px}.match-chat-players ul{grid-template-columns:1fr}.match-chat-error{margin:12px 14px 0}}@media (width<=420px){.match-chat-page{padding:8px}.match-chat-container{border-radius:12px;min-height:calc(100vh - 76px)}.match-chat-header{padding:14px}.match-chat-avatar{border-radius:12px;width:42px;height:42px}.match-chat-title h1{font-size:16px}.match-chat-messages{padding:18px 12px}.match-chat-message{gap:9px;margin-bottom:19px}.match-chat-message-avatar{width:32px;height:32px}.match-chat-message-content{max-width:calc(100% - 41px);padding:10px 12px}.match-chat-message-content p{font-size:13px}.match-chat-composer{padding:12px}.match-chat-composer-footer button{min-width:90px;padding:10px 13px}}@media (prefers-reduced-motion:reduce){.match-chat-page *,.match-chat-page :before,.match-chat-page :after{scroll-behavior:auto!important;transition:none!important}}