.google-signin-container{display:flex;align-items:center}.user-profile{display:flex;align-items:center;gap:12px}.user-avatar{width:40px;height:40px;border-radius:50%;border:2px solid #667eea;object-fit:cover}.user-info{display:flex;flex-direction:column;gap:4px}.user-name{font-size:14px;font-weight:600;color:#333}.btn-signout{padding:4px 12px;background:#f5f5f5;border:1px solid #ddd;border-radius:6px;font-size:12px;color:#666;cursor:pointer;transition:all .3s}.btn-signout:hover{background:#e0e0e0;color:#333}.navbar{background:linear-gradient(135deg,#fffffffa,#fffffff2,#f8f9fafa);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);box-shadow:0 8px 32px #00000014,0 0 0 1px #667eea1a inset;position:sticky;top:0;z-index:1000;padding:0 20px;transition:all .3s;border-bottom:1px solid rgba(102,126,234,.1)}.navbar:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#667eea,#f093fb,#4facfe,#43e97b,gold);background-size:200% auto;animation:gradientShift 5s linear infinite}.navbar-container{max-width:1400px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;height:70px}.navbar-logo{display:flex;flex-direction:column;text-decoration:none;color:#ff6b35;font-weight:700}.logo-text{font-size:32px;line-height:1;font-weight:900;background:linear-gradient(135deg,#667eea,#f093fb,#ff6b35);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmer 4s linear infinite;letter-spacing:-1px}.logo-subtitle{font-size:10px;letter-spacing:2px;color:#666;font-weight:600}.navbar-menu{display:flex;gap:30px;align-items:center}.nav-link{text-decoration:none;color:#333;font-weight:600;font-size:15px;transition:all .3s;position:relative;padding:5px 0}.nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:linear-gradient(135deg,#667eea,#764ba2);transition:width .3s}.nav-link:hover:after{width:100%}.nav-link:hover{color:#667eea;transform:translateY(-2px)}.navbar-actions{display:flex;align-items:center;gap:15px}.btn-signin{display:flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);background-size:200% auto;border:none;border-radius:25px;cursor:pointer;font-weight:700;transition:all .4s;color:#fff;box-shadow:0 4px 15px #667eea66,0 0 #667eea4d;position:relative;overflow:hidden}.btn-signin:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn-signin:hover:before{width:300px;height:300px}.btn-signin:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 8px 25px #667eea80,0 0 0 4px #667eea33;background-position:right center}.btn-signin:active{transform:translateY(-1px) scale(1.02)}.btn-menu-toggle{display:none;background:none;border:none;cursor:pointer;color:#333;padding:5px}.mobile-menu{display:none;flex-direction:column;background:#fff;border-top:1px solid #eee;padding:20px;gap:15px}.mobile-link{text-decoration:none;color:#333;font-weight:500;padding:10px;border-radius:5px;transition:background .3s}.mobile-link:hover{background:#f5f5f5}@media (max-width: 768px){.navbar-menu{display:none}.btn-menu-toggle{display:block}.mobile-menu{display:flex}.btn-signin span{display:none}}.city-search-container{position:relative;flex:1}.search-field{position:relative;display:flex;align-items:center;gap:10px;padding:14px 18px;border:2px solid transparent;border-radius:12px;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,#667eea,#f093fb,#4facfe) border-box;background-size:200% auto;transition:all .3s}.search-field:focus-within{border-color:#667eea;box-shadow:0 0 0 4px #667eea1a,0 4px 12px #667eea26;transform:translateY(-2px);background-position:right center}.city-input{border:none;outline:none;background:transparent;flex:1;font-size:15px;color:#333;width:100%}.city-input::placeholder{color:#999}.selected-location{display:flex;flex-direction:column;align-items:flex-end;margin-left:auto;padding-left:10px;border-left:1px solid #ddd}.city-name{font-weight:600;color:#667eea;font-size:14px}.location-details{font-size:12px;color:#666}.city-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border-radius:16px;box-shadow:0 12px 40px #00000026,0 0 0 1px #667eea1a;margin-top:8px;max-height:320px;overflow-y:auto;z-index:1000;animation:slideDown .3s cubic-bezier(.175,.885,.32,1.275);border:1px solid rgba(102,126,234,.1)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.city-option{padding:12px 15px;cursor:pointer;transition:all .2s;border-bottom:1px solid #f0f0f0}.city-option:last-child{border-bottom:none}.city-option:hover{background:linear-gradient(135deg,#667eea1a,#f093fb1a,#4facfe1a);transform:translate(5px);border-left:3px solid #667eea}.city-option-main{display:flex;align-items:center;gap:8px;margin-bottom:4px}.city-option-main svg{color:#667eea;flex-shrink:0}.city-option-name{font-weight:600;color:#333;font-size:15px}.city-option-details{font-size:12px;color:#666;margin-left:24px}.city-dropdown::-webkit-scrollbar{width:6px}.city-dropdown::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.city-dropdown::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px}.city-dropdown::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#764ba2,#667eea)}.home{padding-top:0}.hero{background:linear-gradient(135deg,#667eea,#764ba2,#f093fb,#f5576c,#ff6b35);background-size:400% 400%;animation:gradientShift 12s ease infinite;color:#fff;padding:100px 20px;text-align:center;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.15) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,255,255,.1) 0%,transparent 40%);animation:rotate 25s linear infinite;z-index:1}.hero:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.05) 50%,transparent 70%);animation:shine 3s infinite;z-index:1}@keyframes shine{0%{transform:translate(-100%) translateY(-100%) rotate(45deg)}to{transform:translate(100%) translateY(100%) rotate(45deg)}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hero-content{max-width:1200px;margin:0 auto;position:relative;z-index:2}.hero-title{font-size:56px;font-weight:900;margin-bottom:25px;line-height:1.1;text-shadow:0 4px 20px rgba(0,0,0,.3);letter-spacing:-1px;animation:fadeInUp .8s ease;background:linear-gradient(135deg,#fff,gold,#fff);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 8s ease infinite,fadeInUp .8s ease}.highlight{background:linear-gradient(135deg,gold,#ffed4e,gold);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmer 3s linear infinite;text-shadow:0 0 30px rgba(255,215,0,.5)}@keyframes shimmer{to{background-position:200% center}}.hero-subtitle{font-size:20px;margin-bottom:40px;opacity:.9}.search-box{display:flex;gap:15px;max-width:1000px;margin:0 auto;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:25px;border-radius:20px;box-shadow:0 20px 60px #0000004d,0 0 0 1px #fff3 inset;border:1px solid rgba(255,255,255,.3);animation:fadeInUp 1s ease .2s both;position:relative;z-index:2}.search-box:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(135deg,#667eea,#f093fb,#4facfe,#43e97b);border-radius:20px;z-index:-1;opacity:.3;filter:blur(10px);animation:gradientShift 8s ease infinite}.search-field-wrapper{flex:1;position:relative}.search-field{flex:1;display:flex;align-items:center;gap:10px;padding:14px 18px;border:2px solid transparent;border-radius:12px;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,#667eea,#f093fb) border-box;transition:all .3s}.search-field:focus-within{border-color:#667eea;box-shadow:0 0 0 4px #667eea1a;transform:translateY(-2px)}.search-icon{color:#666;flex-shrink:0}.search-field input{border:none;outline:none;background:transparent;flex:1;font-size:15px;color:#333}.search-field input[type=date]{color:#666}.search-btn{display:flex;align-items:center;gap:8px;padding:14px 35px;background:linear-gradient(135deg,#ff6b35,#ff8c42,#ff6b35);background-size:200% auto;color:#fff;border:none;border-radius:12px;font-weight:700;font-size:16px;cursor:pointer;transition:all .3s;box-shadow:0 4px 15px #ff6b3566,0 0 #ff6b354d;position:relative;overflow:hidden}.search-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.search-btn:hover:before{width:300px;height:300px}.search-btn:hover{background-position:right center;transform:translateY(-3px);box-shadow:0 8px 25px #ff6b3580,0 0 0 4px #ff6b3533}.search-btn:active{transform:translateY(-1px)}.features{padding:60px 20px;background:#fff}.container{max-width:1200px;margin:0 auto}.features .container{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px}.feature-card{text-align:center;padding:40px 30px;border-radius:20px;background:#fff;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden;border:1px solid rgba(102,126,234,.1)}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#667eea,#f093fb,#4facfe,#43e97b);background-size:200% auto;transform:scaleX(0);transition:transform .4s}.feature-card:hover:before{transform:scaleX(1);animation:gradientShift 3s linear infinite}.feature-card:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 20px 40px #667eea33,0 0 0 1px #667eea1a}.feature-icon{width:80px;height:80px;margin:0 auto 25px;background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);border-radius:20px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 8px 20px #667eea4d;transition:all .4s;position:relative}.feature-card:hover .feature-icon{transform:rotate(5deg) scale(1.1);box-shadow:0 12px 30px #667eea66}.feature-card h3{font-size:22px;margin-bottom:10px;color:#333}.feature-card p{color:#666;font-size:15px}.featured-turfs{padding:60px 20px;background:#f5f5f5}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}.section-header h2{font-size:32px;font-weight:700;color:#333}.view-all-btn{display:flex;align-items:center;gap:5px;background:none;border:none;color:#ff6b35;font-weight:600;cursor:pointer;font-size:16px}.turfs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:25px}.turf-card{background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 4px 20px #00000014,0 0 0 1px #0000000d;cursor:pointer;transition:all .5s cubic-bezier(.175,.885,.32,1.275);position:relative;border:1px solid rgba(102,126,234,.1)}.turf-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#667eea1a,#f093fb1a,#4facfe1a);opacity:0;transition:opacity .4s;z-index:1}.turf-card:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.3) 0%,transparent 70%);opacity:0;transition:opacity .4s;z-index:2}.turf-card:hover:before{opacity:1}.turf-card:hover:after{opacity:1;animation:rotate 3s linear infinite}.turf-card:hover{transform:translateY(-15px) scale(1.03) rotate(1deg);box-shadow:0 25px 50px #667eea40,0 0 0 1px #667eea33,0 0 40px #667eea1a;border-color:#667eea4d}.turf-image{position:relative;width:100%;height:200px;overflow:hidden}.turf-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.turf-card:hover .turf-image img{transform:scale(1.05)}.turf-rating{position:absolute;top:10px;right:10px;background:#000000b3;color:#fff;padding:5px 10px;border-radius:20px;display:flex;align-items:center;gap:5px;font-size:14px;font-weight:600}.turf-info{padding:20px}.turf-info h3{font-size:20px;margin-bottom:8px;color:#333}.turf-location{display:flex;align-items:center;gap:5px;color:#666;font-size:14px;margin-bottom:12px}.turf-amenities{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:15px}.amenity-tag{background:#f0f0f0;padding:4px 10px;border-radius:12px;font-size:12px;color:#666}.turf-price{display:flex;align-items:baseline;gap:5px}.price{font-size:28px;font-weight:800;background:linear-gradient(135deg,#ff6b35,#ff8c42,#ff6b35);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmer 3s linear infinite}.price-unit{color:#666;font-size:14px}.cta-section{padding:100px 20px;background:linear-gradient(135deg,#667eea,#764ba2,#f093fb,#f5576c,#ff6b35);background-size:400% 400%;animation:gradientShift 15s ease infinite;color:#fff;text-align:center;position:relative;overflow:hidden}.cta-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 50%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 70% 50%,rgba(255,255,255,.1) 0%,transparent 50%);animation:pulse 4s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}.cta-content h2{font-size:40px;margin-bottom:15px}.cta-content p{font-size:18px;margin-bottom:30px;opacity:.9}.cta-buttons{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}.btn-primary,.btn-secondary,.btn-tertiary,.btn-quaternary{padding:15px 35px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s}.btn-primary{background:linear-gradient(135deg,#ff6b35,#ff8c42,#ff6b35);background-size:200% auto;color:#fff;box-shadow:0 4px 15px #ff6b3566,0 0 #ff6b354d;position:relative;overflow:hidden}.btn-primary:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn-primary:hover:before{width:300px;height:300px}.btn-primary:hover{background-position:right center;transform:translateY(-3px) scale(1.02);box-shadow:0 8px 25px #ff6b3580,0 0 0 4px #ff6b3533}.btn-secondary{background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,#667eea,#f093fb) border-box;border:2px solid transparent;color:#667eea;box-shadow:0 4px 15px #667eea33;position:relative;overflow:hidden}.btn-secondary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(135deg,#667eea1a,#f093fb1a);transition:left .5s}.btn-secondary:hover:before{left:0}.btn-secondary:hover{background:linear-gradient(135deg,#667eea0d,#f093fb0d);transform:translateY(-3px) scale(1.02);box-shadow:0 8px 25px #667eea4d,0 0 0 2px #667eea33;color:#764ba2}.btn-tertiary{background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);background-size:200% auto;color:#fff;box-shadow:0 4px 15px #667eea66,0 0 #667eea4d;position:relative;overflow:hidden}.btn-tertiary:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn-tertiary:hover:before{width:300px;height:300px}.btn-tertiary:hover{background-position:right center;transform:translateY(-3px) scale(1.02);box-shadow:0 8px 25px #667eea80,0 0 0 4px #667eea33}.btn-quaternary{background:linear-gradient(135deg,#f093fb,#f5576c,#fa709a);background-size:200% auto;color:#fff;box-shadow:0 4px 15px #f5576c66,0 0 #f5576c4d;position:relative;overflow:hidden}.btn-quaternary:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn-quaternary:hover:before{width:300px;height:300px}.btn-quaternary:hover{background-position:right center;transform:translateY(-3px) scale(1.02);box-shadow:0 8px 25px #f5576c80,0 0 0 4px #f5576c33}@media (max-width: 768px){.hero-title{font-size:32px}.hero-subtitle{font-size:16px}.search-box{flex-direction:column}.features .container,.turfs-grid{grid-template-columns:1fr}.cta-buttons{flex-direction:column;align-items:center}.btn-primary,.btn-secondary,.btn-tertiary,.btn-quaternary{width:100%;max-width:300px}}.turfs-page{min-height:100vh;background:linear-gradient(135deg,#f8f9fa,#e9ecef)}.turfs-header{background:linear-gradient(135deg,#667eea,#764ba2,#f093fb,#f5576c,#ff6b35);background-size:400% 400%;animation:gradientShift 15s ease infinite;color:#fff;padding:60px 20px;text-align:center;position:relative;overflow:hidden}.turfs-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 50%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 70% 50%,rgba(255,255,255,.1) 0%,transparent 50%)}.turfs-header h1{font-size:36px;margin-bottom:10px}.turfs-header p{font-size:18px;opacity:.9}.turfs-content{padding:30px 20px}.turfs-container{display:flex;gap:30px;max-width:1400px}.turfs-sidebar{width:300px;flex-shrink:0}.filters-section{background:#fff;padding:25px;border-radius:12px;box-shadow:0 2px 10px #0000001a;position:sticky;top:90px}.filter-header{display:flex;align-items:center;gap:10px;margin-bottom:25px;padding-bottom:15px;border-bottom:2px solid #f0f0f0}.filter-header h3{font-size:20px;color:#333}.filter-group{margin-bottom:25px}.filter-group label{display:block;font-weight:600;color:#333;margin-bottom:12px;font-size:14px}.search-input-wrapper{position:relative;display:flex;align-items:center}.search-input-icon{position:absolute;left:12px;color:#666}.filter-input{width:100%;padding:10px 12px 10px 35px;border:1px solid #ddd;border-radius:8px;font-size:14px;outline:none}.filter-input:focus{border-color:#ff6b35}.price-range{display:flex;flex-direction:column;gap:10px}.price-range input[type=range]{width:100%;height:6px;border-radius:3px;background:#ddd;outline:none;-webkit-appearance:none}.price-range input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:#ff6b35;cursor:pointer}.price-display{display:flex;justify-content:space-between;font-size:14px;color:#666}.checkbox-group{display:flex;flex-direction:column;gap:10px}.checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer;font-weight:400}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#ff6b35}.turfs-list{flex:1}.turfs-results-header{margin-bottom:20px;color:#666;font-size:15px}.turfs-grid-list{display:flex;flex-direction:column;gap:20px}.turf-card-list{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 10px #0000001a;cursor:pointer;transition:transform .3s,box-shadow .3s;display:flex}.turf-card-list:hover{transform:translateY(-3px);box-shadow:0 5px 20px #00000026}.turf-card-image{width:300px;height:200px;flex-shrink:0;position:relative;overflow:hidden}.turf-card-image img{width:100%;height:100%;object-fit:cover}.turf-rating-badge{position:absolute;top:10px;right:10px;background:#000000b3;color:#fff;padding:5px 10px;border-radius:20px;display:flex;align-items:center;gap:5px;font-size:14px;font-weight:600}.turf-card-details{flex:1;padding:20px;display:flex;flex-direction:column;justify-content:space-between}.turf-card-details h3{font-size:22px;margin-bottom:8px;color:#333}.turf-location-text{display:flex;align-items:center;gap:5px;color:#666;font-size:14px;margin-bottom:12px}.turf-specs{display:flex;gap:8px;margin-bottom:12px}.spec-tag{background:#e8f4f8;color:#2c5f7c;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500}.turf-amenities-list{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:15px}.amenity-badge{background:#f0f0f0;padding:4px 10px;border-radius:12px;font-size:12px;color:#666}.turf-card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto}.turf-price-info{display:flex;align-items:baseline;gap:5px}.price-amount{font-size:28px;font-weight:700;color:#ff6b35}.price-label{color:#666;font-size:14px}.btn-view-details{padding:10px 25px;background:#ff6b35;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:background .3s}.btn-view-details:hover{background:#e55a2b}@media (max-width: 1024px){.turfs-container{flex-direction:column}.turfs-sidebar{width:100%}.filters-section{position:static}.turf-card-list{flex-direction:column}.turf-card-image{width:100%;height:250px}}@media (max-width: 768px){.turfs-header h1{font-size:28px}.turf-card-footer{flex-direction:column;gap:15px;align-items:stretch}.btn-view-details{width:100%}}.turf-detail-page{padding:30px 20px;background:#f5f5f5;min-height:100vh}.detail-container{max-width:1400px;margin:0 auto}.detail-main{display:grid;grid-template-columns:1fr 400px;gap:30px;margin-bottom:30px}.turf-images{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 10px #0000001a}.main-image{width:100%;height:400px;border-radius:8px;overflow:hidden;margin-bottom:15px}.main-image img{width:100%;height:100%;object-fit:cover}.image-thumbnails{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.image-thumbnails img{width:100%;height:150px;object-fit:cover;border-radius:8px;cursor:pointer;transition:opacity .3s}.image-thumbnails img:hover{opacity:.8}.turf-info-section{background:#fff;border-radius:12px;padding:30px;box-shadow:0 2px 10px #0000001a}.turf-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px}.turf-header h1{font-size:32px;color:#333;margin-bottom:10px}.turf-rating-header{display:flex;align-items:center;gap:10px}.rating-badge{display:flex;align-items:center;gap:5px;background:#fff4e6;padding:8px 15px;border-radius:20px;font-weight:600;color:#d97706}.reviews-count{color:#666;font-size:14px}.turf-location-detail{display:flex;align-items:center;gap:8px;color:#666;margin-bottom:25px;font-size:15px}.turf-specifications{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;padding:20px;background:#f9f9f9;border-radius:8px;margin-bottom:25px}.spec-item{display:flex;flex-direction:column;gap:5px}.spec-label{font-size:13px;color:#666;font-weight:500}.spec-value{font-size:16px;color:#333;font-weight:600}.turf-description{margin-bottom:30px}.turf-description h3{font-size:20px;margin-bottom:12px;color:#333}.turf-description p{color:#666;line-height:1.6}.turf-amenities-section h3{font-size:20px;margin-bottom:15px;color:#333}.amenities-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.amenity-item{display:flex;align-items:center;gap:10px;color:#333;font-size:15px}.amenity-item svg{color:#10b981}.booking-sidebar{position:sticky;top:90px;height:fit-content}.booking-card{background:#fff;border-radius:12px;padding:25px;box-shadow:0 4px 15px #0000001a}.price-section{display:flex;align-items:baseline;gap:5px;margin-bottom:25px;padding-bottom:20px;border-bottom:2px solid #f0f0f0}.price-large{font-size:36px;font-weight:700;color:#ff6b35}.price-unit{color:#666;font-size:16px}.booking-form{display:flex;flex-direction:column;gap:20px}.form-group label{display:flex;align-items:center;gap:8px;font-weight:600;color:#333;font-size:14px}.form-group input,.form-group select{padding:12px;border:1px solid #ddd;border-radius:8px;font-size:15px;outline:none;transition:border-color .3s}.form-group input:focus,.form-group select:focus{border-color:#ff6b35}.price-breakdown{background:#f9f9f9;padding:15px;border-radius:8px;margin-top:10px}.price-row{display:flex;justify-content:space-between;margin-bottom:10px;color:#666;font-size:14px}.price-row.total{margin-top:10px;padding-top:10px;border-top:2px solid #ddd;font-weight:700;font-size:18px;color:#333}.btn-book-now{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:15px;background:#ff6b35;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:background .3s;margin-top:10px}.btn-book-now:hover{background:#e55a2b}.booking-note{text-align:center;font-size:12px;color:#666;margin-top:15px}@media (max-width: 1024px){.detail-main{grid-template-columns:1fr}.booking-sidebar{position:static}}@media (max-width: 768px){.turf-header{flex-direction:column}.turf-specifications,.amenities-grid,.image-thumbnails{grid-template-columns:1fr}}.matches-page{min-height:100vh;background:linear-gradient(135deg,#f8f9fa,#e9ecef)}.matches-header{background:linear-gradient(135deg,#f093fb,#f5576c,#fa709a,#ff6b35,gold);background-size:400% 400%;animation:gradientShift 15s ease infinite;color:#fff;padding:60px 20px;text-align:center;position:relative;overflow:hidden}.matches-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 50%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 70% 50%,rgba(255,255,255,.1) 0%,transparent 50%)}.matches-header h1{font-size:36px;margin-bottom:10px}.matches-header p{font-size:18px;opacity:.9}.matches-content{padding:30px 20px}.matches-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;flex-wrap:wrap;gap:20px}.filter-tabs{display:flex;gap:10px;flex-wrap:wrap}.tab{padding:10px 20px;background:#fff;border:2px solid #ddd;border-radius:25px;cursor:pointer;font-weight:500;color:#666;transition:all .3s}.tab:hover{border-color:#ff6b35;color:#ff6b35}.tab.active{background:#ff6b35;border-color:#ff6b35;color:#fff}.btn-create-match{display:flex;align-items:center;gap:8px;padding:12px 25px;background:#ff6b35;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:background .3s}.btn-create-match:hover{background:#e55a2b}.matches-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:25px}.match-card{background:#fff;border-radius:12px;padding:25px;box-shadow:0 2px 10px #0000001a;transition:transform .3s,box-shadow .3s}.match-card:hover{transform:translateY(-5px);box-shadow:0 5px 20px #00000026}.match-header{display:flex;gap:10px;margin-bottom:15px}.match-type-badge{padding:5px 12px;background:#e8f4f8;color:#2c5f7c;border-radius:12px;font-size:12px;font-weight:600}.match-skill-badge{padding:5px 12px;background:#fff4e6;color:#d97706;border-radius:12px;font-size:12px;font-weight:600}.match-title{font-size:22px;margin-bottom:15px;color:#333}.match-details{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.detail-item{display:flex;align-items:center;gap:10px;color:#666;font-size:14px}.detail-item svg{color:#999}.match-players{display:flex;justify-content:space-between;align-items:center;padding:15px;background:#f9f9f9;border-radius:8px;margin-bottom:20px}.players-info{display:flex;align-items:center;gap:8px;font-weight:600;color:#333}.players-needed{color:#ff6b35;font-weight:600;font-size:14px}.match-footer{display:flex;justify-content:space-between;align-items:center}.match-fee{display:flex;flex-direction:column}.fee-amount{font-size:24px;font-weight:700;color:#ff6b35}.fee-label{font-size:12px;color:#666}.btn-join-match{padding:12px 25px;background:#ff6b35;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:background .3s}.btn-join-match:hover{background:#e55a2b}.no-matches{text-align:center;padding:60px 20px;background:#fff;border-radius:12px}.no-matches p{font-size:18px;color:#666;margin-bottom:20px}@media (max-width: 768px){.matches-header h1{font-size:28px}.matches-grid{grid-template-columns:1fr}.matches-actions{flex-direction:column;align-items:stretch}.filter-tabs{justify-content:center}.btn-create-match{width:100%;justify-content:center}}.match-booking-page{min-height:100vh;background:#f5f5f5}.booking-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:40px 20px}.booking-header .container{max-width:900px;margin:0 auto}.btn-back{display:flex;align-items:center;gap:8px;background:#fff3;color:#fff;border:none;padding:10px 20px;border-radius:8px;cursor:pointer;margin-bottom:20px;transition:background .3s;font-weight:500}.btn-back:hover{background:#ffffff4d}.booking-header h1{font-size:36px;margin-bottom:10px}.booking-header p{font-size:18px;opacity:.9}.booking-content{padding:40px 20px}.booking-container{max-width:900px;margin:0 auto}.booking-form{background:#fff;border-radius:12px;padding:40px;box-shadow:0 2px 10px #0000001a}.form-section{margin-bottom:40px;padding-bottom:30px;border-bottom:2px solid #f0f0f0}.form-section:last-of-type{border-bottom:none}.form-section h2{font-size:24px;margin-bottom:25px;color:#333}.form-group{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.form-group label{display:flex;align-items:center;gap:8px;font-weight:600;color:#333;font-size:15px}.form-group input,.form-group select,.form-group textarea{padding:12px 15px;border:1px solid #ddd;border-radius:8px;font-size:15px;outline:none;transition:border-color .3s;font-family:inherit}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#ff6b35}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.form-actions{display:flex;gap:15px;justify-content:flex-end;margin-top:30px;padding-top:30px;border-top:2px solid #f0f0f0}.btn-cancel,.btn-submit{padding:15px 35px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s}.btn-cancel{background:#f5f5f5;color:#666}.btn-cancel:hover{background:#e0e0e0}.btn-submit{background:#ff6b35;color:#fff}.btn-submit:hover{background:#e55a2b;transform:translateY(-2px)}@media (max-width: 768px){.booking-header h1{font-size:28px}.booking-form{padding:25px}.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column}.btn-cancel,.btn-submit{width:100%}}.tournaments-page{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2)}.tournaments-hero{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:80px 20px;text-align:center}.tournaments-hero h1{font-size:48px;font-weight:800;margin-bottom:15px;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.tournaments-hero p{font-size:20px;opacity:.95}.tournaments-content{padding:50px 20px;background:#f5f5f5}.tournaments-filters{display:flex;gap:15px;margin-bottom:40px;flex-wrap:wrap;justify-content:center}.filter-btn{padding:12px 30px;background:#fff;border:2px solid #667eea;border-radius:25px;cursor:pointer;font-weight:600;color:#667eea;transition:all .3s;font-size:15px}.filter-btn:hover{background:#667eea;color:#fff;transform:translateY(-2px);box-shadow:0 5px 15px #667eea4d}.filter-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:transparent}.tournaments-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:30px}.tournament-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px #0000001a;transition:all .3s;cursor:pointer}.tournament-card:hover{transform:translateY(-8px);box-shadow:0 8px 30px #667eea4d}.tournament-image{position:relative;width:100%;height:200px;overflow:hidden}.tournament-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.tournament-card:hover .tournament-image img{transform:scale(1.1)}.tournament-status{position:absolute;top:15px;right:15px;padding:6px 15px;border-radius:20px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.tournament-status.upcoming{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff}.tournament-status.ongoing{background:linear-gradient(135deg,#43e97b,#38f9d7);color:#fff}.tournament-info{padding:25px}.tournament-info h3{font-size:24px;margin-bottom:10px;color:#333;font-weight:700}.tournament-description{color:#666;margin-bottom:20px;font-size:14px;line-height:1.6}.tournament-details{display:flex;flex-direction:column;gap:10px;margin-bottom:20px;padding:15px;background:#f9f9f9;border-radius:10px}.detail-item{display:flex;align-items:center;gap:10px;color:#555;font-size:14px}.detail-item svg{color:#667eea}.tournament-prize{display:flex;align-items:center;gap:10px;padding:15px;background:linear-gradient(135deg,gold,#ffed4e);border-radius:10px;margin-bottom:20px}.tournament-prize svg{color:#d97706}.prize-amount{font-size:24px;font-weight:800;color:#d97706}.prize-label{font-size:12px;color:#d97706;font-weight:600}.btn-register{width:100%;padding:15px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;font-weight:700;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .3s}.btn-register:hover{transform:translateY(-2px);box-shadow:0 5px 20px #667eea66}@media (max-width: 768px){.tournaments-hero h1{font-size:32px}.tournaments-grid{grid-template-columns:1fr}}.players-page{min-height:100vh;background:linear-gradient(135deg,#f093fb,#f5576c)}.players-hero{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;padding:80px 20px;text-align:center}.players-hero h1{font-size:48px;font-weight:800;margin-bottom:15px;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.players-hero p{font-size:20px;opacity:.95}.players-content{padding:50px 20px;background:#f5f5f5}.players-search-section{margin-bottom:40px;display:flex;flex-direction:column;gap:20px}.search-bar{display:flex;align-items:center;background:#fff;padding:15px 20px;border-radius:12px;box-shadow:0 2px 10px #0000001a;gap:15px}.search-icon{color:#f5576c;flex-shrink:0}.search-bar input{flex:1;border:none;outline:none;font-size:16px;color:#333}.position-filters{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:#fff;padding:15px 20px;border-radius:12px;box-shadow:0 2px 10px #0000001a}.position-filters svg{color:#f5576c;margin-right:5px}.pos-btn{padding:8px 20px;background:#f5f5f5;border:2px solid transparent;border-radius:20px;cursor:pointer;font-weight:600;color:#666;transition:all .3s;font-size:14px}.pos-btn:hover{background:#f5576c;color:#fff;transform:translateY(-2px)}.pos-btn.active{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;border-color:transparent}.players-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:30px}.player-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px #0000001a;transition:all .3s}.player-card:hover{transform:translateY(-8px);box-shadow:0 8px 30px #f5576c4d}.player-image{position:relative;width:100%;height:250px;overflow:hidden;background:linear-gradient(135deg,#f093fb,#f5576c)}.player-image img{width:100%;height:100%;object-fit:cover}.player-rating{position:absolute;top:15px;right:15px;background:#000000b3;color:#fff;padding:6px 12px;border-radius:20px;display:flex;align-items:center;gap:5px;font-weight:700;font-size:14px}.player-info{padding:25px}.player-info h3{font-size:22px;margin-bottom:8px;color:#333;font-weight:700}.player-position{display:inline-block;padding:4px 12px;background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;border-radius:12px;font-size:12px;font-weight:700;margin-bottom:10px}.player-location{display:flex;align-items:center;gap:5px;color:#666;font-size:14px;margin-bottom:15px}.player-stats{display:flex;justify-content:space-between;padding:15px;background:#f9f9f9;border-radius:10px;margin-bottom:15px}.stat-item{display:flex;align-items:center;gap:8px;color:#555;font-size:14px;font-weight:600}.stat-item svg{color:#f5576c}.goals{color:#f5576c;font-weight:700}.player-skills{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.skill-tag{padding:4px 12px;background:#f0f0f0;color:#666;border-radius:12px;font-size:12px;font-weight:500}.btn-contact{width:100%;padding:12px;background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;border:none;border-radius:10px;font-weight:700;font-size:15px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .3s}.btn-contact:hover{transform:translateY(-2px);box-shadow:0 5px 20px #f5576c66}@media (max-width: 768px){.players-hero h1{font-size:32px}.players-grid{grid-template-columns:1fr}.position-filters{justify-content:center}}.stats-page{min-height:100vh;background:linear-gradient(135deg,#4facfe,#00f2fe)}.stats-hero{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff;padding:80px 20px;text-align:center}.stats-hero h1{font-size:48px;font-weight:800;margin-bottom:15px;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.stats-hero p{font-size:20px;opacity:.95}.stats-content{padding:50px 20px;background:#f5f5f5}.timeframe-selector{display:flex;gap:15px;margin-bottom:40px;justify-content:center;flex-wrap:wrap}.time-btn{padding:12px 30px;background:#fff;border:2px solid #4facfe;border-radius:25px;cursor:pointer;font-weight:600;color:#4facfe;transition:all .3s;font-size:15px}.time-btn:hover{background:#4facfe;color:#fff;transform:translateY(-2px)}.time-btn.active{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff;border-color:transparent}.stats-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px;margin-bottom:50px}.stat-card{background:#fff;border-radius:16px;padding:30px;display:flex;align-items:center;gap:20px;box-shadow:0 4px 20px #0000001a;transition:all .3s}.stat-card:hover{transform:translateY(-5px);box-shadow:0 8px 30px #4facfe4d}.stat-icon{width:70px;height:70px;border-radius:16px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.stat-info{flex:1}.stat-value{font-size:32px;font-weight:800;color:#333;margin-bottom:5px}.stat-label{font-size:14px;color:#666;font-weight:600}.stats-sections{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:30px}.stats-section{background:#fff;border-radius:16px;padding:30px;box-shadow:0 4px 20px #0000001a}.stats-section h2{font-size:28px;margin-bottom:25px;color:#333;font-weight:700}.table-container{overflow-x:auto}.stats-table{width:100%;border-collapse:collapse}.stats-table thead{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff}.stats-table th{padding:15px;text-align:left;font-weight:700;font-size:14px;text-transform:uppercase;letter-spacing:.5px}.stats-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background .3s}.stats-table tbody tr:hover{background:#f9f9f9}.stats-table td{padding:15px;color:#555;font-size:15px}.stats-table .rank{font-weight:700;color:#4facfe;font-size:18px}.stats-table .name{font-weight:600;color:#333}.stats-table .rating{color:gold;font-weight:700}.stats-table .points{color:#43e97b;font-weight:700;font-size:18px}@media (max-width: 768px){.stats-hero h1{font-size:32px}.stats-overview,.stats-sections{grid-template-columns:1fr}.stats-table{font-size:12px}.stats-table th,.stats-table td{padding:10px 8px}}.news-page{min-height:100vh;background:linear-gradient(135deg,#43e97b,#38f9d7)}.news-hero{background:linear-gradient(135deg,#43e97b,#38f9d7);color:#fff;padding:80px 20px;text-align:center}.news-hero h1{font-size:48px;font-weight:800;margin-bottom:15px;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.news-hero p{font-size:20px;opacity:.95}.news-content{padding:50px 20px;background:#f5f5f5}.news-categories{display:flex;gap:15px;margin-bottom:40px;flex-wrap:wrap;justify-content:center}.cat-btn{padding:10px 25px;background:#fff;border:2px solid #43e97b;border-radius:25px;cursor:pointer;font-weight:600;color:#43e97b;transition:all .3s;font-size:14px}.cat-btn:hover{background:#43e97b;color:#fff;transform:translateY(-2px)}.cat-btn.active{background:linear-gradient(135deg,#43e97b,#38f9d7);color:#fff;border-color:transparent}.featured-news{margin-bottom:50px}.featured-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px #0000001a;display:grid;grid-template-columns:1fr 1fr;gap:0}.featured-image{position:relative;overflow:hidden}.featured-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.featured-card:hover .featured-image img{transform:scale(1.05)}.featured-badge{position:absolute;top:20px;left:20px;padding:8px 15px;background:linear-gradient(135deg,#43e97b,#38f9d7);color:#fff;border-radius:20px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.featured-content{padding:40px;display:flex;flex-direction:column;justify-content:space-between}.news-meta{display:flex;gap:15px;margin-bottom:20px;flex-wrap:wrap}.news-category{padding:4px 12px;background:linear-gradient(135deg,#43e97b,#38f9d7);color:#fff;border-radius:12px;font-size:12px;font-weight:700}.news-date{display:flex;align-items:center;gap:5px;color:#666;font-size:13px}.featured-content h2{font-size:32px;margin-bottom:15px;color:#333;font-weight:700;line-height:1.3}.featured-content p{color:#666;line-height:1.6;margin-bottom:25px;font-size:16px}.news-footer{display:flex;justify-content:space-between;align-items:center}.news-author{display:flex;align-items:center;gap:5px;color:#666;font-size:14px}.btn-read-more{display:flex;align-items:center;gap:8px;padding:12px 25px;background:linear-gradient(135deg,#43e97b,#38f9d7);color:#fff;border:none;border-radius:10px;font-weight:700;cursor:pointer;transition:all .3s}.btn-read-more:hover{transform:translateY(-2px);box-shadow:0 5px 20px #43e97b66}.news-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:30px}.news-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px #0000001a;transition:all .3s}.news-card:hover{transform:translateY(-8px);box-shadow:0 8px 30px #43e97b4d}.news-card-image{position:relative;width:100%;height:200px;overflow:hidden}.news-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.news-card:hover .news-card-image img{transform:scale(1.1)}.news-card-category{position:absolute;top:15px;left:15px;padding:4px 12px;background:linear-gradient(135deg,#43e97b,#38f9d7);color:#fff;border-radius:12px;font-size:11px;font-weight:700}.news-card-content{padding:25px}.news-card-meta{display:flex;gap:15px;margin-bottom:15px;font-size:12px;color:#666}.news-card-date,.news-card-author{display:flex;align-items:center;gap:5px}.news-card-content h3{font-size:20px;margin-bottom:12px;color:#333;font-weight:700;line-height:1.3}.news-card-content p{color:#666;line-height:1.6;margin-bottom:20px;font-size:14px}.btn-read-more-small{display:flex;align-items:center;gap:6px;padding:8px 20px;background:linear-gradient(135deg,#43e97b,#38f9d7);color:#fff;border:none;border-radius:8px;font-weight:600;font-size:13px;cursor:pointer;transition:all .3s}.btn-read-more-small:hover{transform:translateY(-2px);box-shadow:0 5px 15px #43e97b4d}@media (max-width: 768px){.news-hero h1{font-size:32px}.featured-card{grid-template-columns:1fr}.featured-content{padding:25px}.featured-content h2{font-size:24px}.news-grid{grid-template-columns:1fr}}.about-page{min-height:100vh;background:linear-gradient(135deg,#fa709a,#fee140)}.about-hero{background:linear-gradient(135deg,#fa709a,#fee140);color:#fff;padding:80px 20px;text-align:center}.about-hero h1{font-size:48px;font-weight:800;margin-bottom:15px;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.about-hero p{font-size:20px;opacity:.95}.about-content{padding:50px 20px;background:#f5f5f5}.about-section{background:#fff;border-radius:16px;padding:40px;margin-bottom:30px;box-shadow:0 4px 20px #0000001a}.about-section h2{font-size:32px;margin-bottom:20px;color:#333;font-weight:700}.about-section p{font-size:16px;line-height:1.8;color:#666}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;margin-top:30px}.feature-box{text-align:center;padding:30px;background:linear-gradient(135deg,#f5f5f5,#fff);border-radius:16px;transition:all .3s}.feature-box:hover{transform:translateY(-5px);box-shadow:0 8px 25px #fa709a33}.feature-icon{width:80px;height:80px;margin:0 auto 20px;background:linear-gradient(135deg,#fa709a,#fee140);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.feature-box h3{font-size:22px;margin-bottom:10px;color:#333;font-weight:700}.feature-box p{color:#666;font-size:14px}.values-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-top:30px}.value-card{padding:30px;background:linear-gradient(135deg,#fa709a,#fee140);border-radius:16px;color:#fff;text-align:center;transition:all .3s}.value-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #fa709a66}.value-card svg{margin-bottom:15px}.value-card h3{font-size:24px;margin-bottom:15px;font-weight:700}.value-card p{color:#fffffff2;line-height:1.6}.cta-buttons{display:flex;gap:20px;margin-top:30px;justify-content:center;flex-wrap:wrap}.btn-primary,.btn-secondary{padding:15px 35px;border:none;border-radius:10px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s}.btn-primary{background:linear-gradient(135deg,#fa709a,#fee140);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 5px 20px #fa709a66}.btn-secondary{background:#fff;color:#fa709a;border:2px solid #fa709a}.btn-secondary:hover{background:#fa709a;color:#fff}@media (max-width: 768px){.about-hero h1{font-size:32px}.about-section{padding:25px}.features-grid,.values-grid{grid-template-columns:1fr}}.contact-page{min-height:100vh;background:linear-gradient(135deg,gold,#ffed4e)}.contact-hero{background:linear-gradient(135deg,gold,#ffed4e);color:#333;padding:80px 20px;text-align:center}.contact-hero h1{font-size:48px;font-weight:800;margin-bottom:15px;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.contact-hero p{font-size:20px;opacity:.9}.contact-content{padding:50px 20px;background:#f5f5f5}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;max-width:1200px;margin:0 auto}.contact-info{background:#fff;border-radius:16px;padding:40px;box-shadow:0 4px 20px #0000001a}.contact-info h2{font-size:28px;margin-bottom:10px;color:#333;font-weight:700}.contact-info>p{color:#666;margin-bottom:30px}.contact-methods{margin-bottom:40px}.contact-method{display:flex;gap:20px;margin-bottom:30px;padding:20px;background:#f9f9f9;border-radius:12px;transition:all .3s}.contact-method:hover{background:linear-gradient(135deg,gold,#ffed4e);transform:translate(5px)}.method-icon{width:50px;height:50px;background:linear-gradient(135deg,gold,#ffed4e);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#333;flex-shrink:0}.contact-method:hover .method-icon{background:#333;color:gold}.method-details h3{font-size:18px;margin-bottom:8px;color:#333;font-weight:700}.method-details p{color:#666;font-size:14px;margin-bottom:4px}.social-links{padding-top:30px;border-top:2px solid #f0f0f0}.social-links h3{font-size:20px;margin-bottom:15px;color:#333;font-weight:700}.social-buttons{display:flex;flex-wrap:wrap;gap:10px}.social-btn{padding:10px 20px;background:linear-gradient(135deg,gold,#ffed4e);color:#333;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s;font-size:14px}.social-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #ffd70066}.contact-form-section{background:#fff;border-radius:16px;padding:40px;box-shadow:0 4px 20px #0000001a}.contact-form-section h2{font-size:28px;margin-bottom:30px;color:#333;font-weight:700}.contact-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-weight:600;color:#333;font-size:14px}.form-group input,.form-group textarea{padding:12px 15px;border:2px solid #e0e0e0;border-radius:10px;font-size:15px;outline:none;transition:border-color .3s;font-family:inherit}.form-group input:focus,.form-group textarea:focus{border-color:gold}.form-group textarea{resize:vertical}.btn-submit{display:flex;align-items:center;justify-content:center;gap:10px;padding:15px 30px;background:linear-gradient(135deg,gold,#ffed4e);color:#333;border:none;border-radius:10px;font-weight:700;font-size:16px;cursor:pointer;transition:all .3s;margin-top:10px}.btn-submit:hover{transform:translateY(-2px);box-shadow:0 5px 20px #ffd70066}@media (max-width: 1024px){.contact-grid{grid-template-columns:1fr}}@media (max-width: 768px){.contact-hero h1{font-size:32px}.contact-info,.contact-form-section{padding:25px}}.profile-page{min-height:100vh;background:#f5f5f5}.profile-hero{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:60px 20px}.profile-header{display:flex;gap:30px;align-items:center}.profile-avatar{width:150px;height:150px;border-radius:50%;overflow:hidden;border:5px solid white;box-shadow:0 4px 20px #0003}.profile-avatar img{width:100%;height:100%;object-fit:cover}.profile-info h1{font-size:36px;margin-bottom:10px}.profile-stats{display:flex;gap:30px;margin-top:20px}.stat{display:flex;flex-direction:column}.stat-value{font-size:28px;font-weight:800}.stat-label{font-size:14px;opacity:.9}.profile-content{padding:40px 20px}.profile-sections{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:30px}.profile-section{background:#fff;border-radius:16px;padding:30px;box-shadow:0 4px 20px #0000001a}.profile-section h2{font-size:24px;margin-bottom:20px;color:#333}.matches-list,.achievements-list{display:flex;flex-direction:column;gap:15px}.match-item,.achievement-item{padding:15px;background:#f9f9f9;border-radius:10px;display:flex;align-items:center;gap:15px}@media (max-width: 768px){.profile-header{flex-direction:column;text-align:center}}.leaderboard-page{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2)}.leaderboard-hero{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:80px 20px;text-align:center}.leaderboard-hero h1{font-size:48px;font-weight:800;margin-bottom:15px}.leaderboard-content{padding:50px 20px;background:#f5f5f5}.leaderboard-table{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:15px}.leaderboard-item{background:#fff;border-radius:12px;padding:20px;display:grid;grid-template-columns:80px 1fr 120px 100px;align-items:center;gap:20px;box-shadow:0 2px 10px #0000001a}.rank-badge{font-size:24px;font-weight:800;color:#667eea}.player-name{font-size:18px;font-weight:600;color:#333}.player-points{font-size:16px;font-weight:700;color:#667eea}.player-goals{font-size:14px;color:#666}@media (max-width: 768px){.leaderboard-item{grid-template-columns:60px 1fr;gap:10px}}.events-page{min-height:100vh;background:linear-gradient(135deg,#f093fb,#f5576c)}.events-hero{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;padding:80px 20px;text-align:center}.events-hero h1{font-size:48px;font-weight:800}.events-content{padding:50px 20px;background:#f5f5f5}.events-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:30px}.event-card{background:#fff;border-radius:16px;padding:30px;box-shadow:0 4px 20px #0000001a}.event-card h3{font-size:24px;margin-bottom:20px;color:#333}.event-details{display:flex;flex-direction:column;gap:10px;margin-bottom:20px;color:#666}.btn-register{width:100%;padding:12px;background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;border:none;border-radius:10px;font-weight:700;cursor:pointer}.gallery-page{min-height:100vh;background:linear-gradient(135deg,#4facfe,#00f2fe)}.gallery-hero{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff;padding:80px 20px;text-align:center}.gallery-hero h1{font-size:48px;font-weight:800}.gallery-content{padding:50px 20px;background:#f5f5f5}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.gallery-item{border-radius:12px;overflow:hidden;box-shadow:0 4px 20px #0000001a;cursor:pointer;transition:transform .3s}.gallery-item:hover{transform:scale(1.05)}.gallery-item img{width:100%;height:250px;object-fit:cover}.training-page{min-height:100vh;background:linear-gradient(135deg,#43e97b,#38f9d7)}.training-hero{background:linear-gradient(135deg,#43e97b,#38f9d7);color:#fff;padding:80px 20px;text-align:center}.training-hero h1{font-size:48px;font-weight:800}.training-content{padding:50px 20px;background:#f5f5f5}.courses-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:30px}.course-card{background:#fff;border-radius:16px;padding:30px;box-shadow:0 4px 20px #0000001a}.course-card h3{font-size:24px;margin-bottom:20px;color:#333}.course-info{display:flex;flex-direction:column;gap:10px;margin-bottom:20px;color:#666}.btn-enroll{width:100%;padding:12px;background:linear-gradient(135deg,#43e97b,#38f9d7);color:#fff;border:none;border-radius:10px;font-weight:700;cursor:pointer}.academy-page{min-height:100vh;background:linear-gradient(135deg,#fa709a,#fee140)}.academy-hero{background:linear-gradient(135deg,#fa709a,#fee140);color:#fff;padding:80px 20px;text-align:center}.academy-hero h1{font-size:48px;font-weight:800}.academy-content{padding:50px 20px;background:#f5f5f5}.academy-info{background:#fff;border-radius:16px;padding:40px;text-align:center;box-shadow:0 4px 20px #0000001a}.academy-info h2{font-size:32px;margin-bottom:20px;color:#333}.academy-info p{font-size:18px;color:#666;margin-bottom:30px}.btn-apply{padding:15px 40px;background:linear-gradient(135deg,#fa709a,#fee140);color:#fff;border:none;border-radius:10px;font-weight:700;font-size:16px;cursor:pointer}.shop-page{min-height:100vh;background:linear-gradient(135deg,gold,#ffed4e)}.shop-hero{background:linear-gradient(135deg,gold,#ffed4e);color:#333;padding:80px 20px;text-align:center}.shop-hero h1{font-size:48px;font-weight:800}.shop-content{padding:50px 20px;background:#f5f5f5}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:30px}.product-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px #0000001a}.product-card img{width:100%;height:200px;object-fit:cover}.product-card h3{padding:20px 20px 10px;font-size:20px;color:#333}.product-price{padding:0 20px;font-size:24px;font-weight:700;color:gold;margin-bottom:20px}.btn-buy{width:calc(100% - 40px);margin:0 20px 20px;padding:12px;background:linear-gradient(135deg,gold,#ffed4e);color:#333;border:none;border-radius:10px;font-weight:700;cursor:pointer}.blog-page{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2)}.blog-hero{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:80px 20px;text-align:center}.blog-hero h1{font-size:48px;font-weight:800}.blog-content{padding:50px 20px;background:#f5f5f5}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:30px}.blog-card{background:#fff;border-radius:16px;padding:30px;box-shadow:0 4px 20px #0000001a}.blog-card h3{font-size:24px;margin-bottom:15px;color:#333}.blog-card p{color:#666;margin-bottom:15px}.blog-date{color:#999;font-size:14px;margin-bottom:20px}.btn-read{padding:10px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer}.faq-page{min-height:100vh;background:linear-gradient(135deg,#f093fb,#f5576c)}.faq-hero{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;padding:80px 20px;text-align:center}.faq-hero h1{font-size:48px;font-weight:800}.faq-content{padding:50px 20px;background:#f5f5f5}.faq-list{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:15px}.faq-item{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 10px #0000001a}.faq-question{padding:20px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-weight:600;color:#333}.faq-question svg{transition:transform .3s}.faq-question svg.open{transform:rotate(180deg)}.faq-answer{padding:0 20px 20px;color:#666;line-height:1.6}.terms-page{min-height:100vh;background:#f5f5f5}.terms-hero{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff;padding:80px 20px;text-align:center}.terms-hero h1{font-size:48px;font-weight:800}.terms-content{padding:50px 20px}.terms-section{background:#fff;border-radius:16px;padding:30px;margin-bottom:20px;box-shadow:0 2px 10px #0000001a}.terms-section h2{font-size:24px;margin-bottom:15px;color:#333}.terms-section p{color:#666;line-height:1.6}.privacy-page{min-height:100vh;background:#f5f5f5}.privacy-hero{background:linear-gradient(135deg,#43e97b,#38f9d7);color:#fff;padding:80px 20px;text-align:center}.privacy-hero h1{font-size:48px;font-weight:800}.privacy-content{padding:50px 20px}.privacy-section{background:#fff;border-radius:16px;padding:30px;margin-bottom:20px;box-shadow:0 2px 10px #0000001a}.privacy-section h2{font-size:24px;margin-bottom:15px;color:#333}.privacy-section p{color:#666;line-height:1.6}.support-page{min-height:100vh;background:linear-gradient(135deg,#fa709a,#fee140)}.support-hero{background:linear-gradient(135deg,#fa709a,#fee140);color:#fff;padding:80px 20px;text-align:center}.support-hero h1{font-size:48px;font-weight:800}.support-content{padding:50px 20px;background:#f5f5f5}.support-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.support-card{background:#fff;border-radius:16px;padding:30px;text-align:center;box-shadow:0 4px 20px #0000001a}.support-card h3{font-size:24px;margin-bottom:15px;color:#333}.btn-chat{padding:12px 30px;background:linear-gradient(135deg,#fa709a,#fee140);color:#fff;border:none;border-radius:10px;font-weight:700;cursor:pointer}.partners-page{min-height:100vh;background:linear-gradient(135deg,gold,#ffed4e)}.partners-hero{background:linear-gradient(135deg,gold,#ffed4e);color:#333;padding:80px 20px;text-align:center}.partners-hero h1{font-size:48px;font-weight:800}.partners-content{padding:50px 20px;background:#f5f5f5}.careers-page{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2)}.careers-hero{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:80px 20px;text-align:center}.careers-hero h1{font-size:48px;font-weight:800}.careers-content{padding:50px 20px;background:#f5f5f5}.teams-page{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2)}.teams-hero{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:80px 20px;text-align:center}.teams-hero h1{font-size:48px;font-weight:800;margin-bottom:15px;animation:fadeInDown .8s ease}.teams-hero p{font-size:20px;opacity:.95;animation:fadeInUp .8s ease}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.teams-content{padding:50px 20px;background:#f5f5f5}.teams-header{display:flex;gap:20px;margin-bottom:40px;flex-wrap:wrap}.search-bar{flex:1;min-width:300px;display:flex;align-items:center;gap:15px;background:#fff;padding:15px 20px;border-radius:12px;box-shadow:0 4px 15px #0000001a}.search-bar svg{color:#667eea}.search-bar input{flex:1;border:none;outline:none;font-size:16px}.btn-create-team{display:flex;align-items:center;gap:10px;padding:15px 30px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-weight:700;cursor:pointer;transition:all .3s;box-shadow:0 4px 15px #667eea4d}.btn-create-team:hover{transform:translateY(-3px);box-shadow:0 6px 25px #667eea66}.teams-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:30px}.team-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px #0000001a;transition:all .3s;animation:fadeIn .6s ease}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.team-card:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 10px 40px #667eea4d}.team-image{width:100%;height:200px;overflow:hidden;background:linear-gradient(135deg,#667eea,#764ba2)}.team-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.team-card:hover .team-image img{transform:scale(1.1)}.team-info{padding:25px}.team-info h3{font-size:24px;margin-bottom:15px;color:#333;font-weight:700}.team-stats{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.stat{display:flex;align-items:center;gap:10px;color:#666;font-size:14px}.stat svg{color:#667eea}.btn-join-team{width:100%;padding:12px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;font-weight:700;cursor:pointer;transition:all .3s}.btn-join-team:hover{transform:translateY(-2px);box-shadow:0 5px 20px #667eea66}@media (max-width: 768px){.teams-hero h1{font-size:32px}.teams-grid{grid-template-columns:1fr}}.coaches-page{min-height:100vh;background:linear-gradient(135deg,#f093fb,#f5576c)}.coaches-hero{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;padding:80px 20px;text-align:center}.coaches-hero h1{font-size:48px;font-weight:800;margin-bottom:15px;animation:slideIn .8s ease}@keyframes slideIn{0%{transform:translate(-100px);opacity:0}to{transform:translate(0);opacity:1}}.coaches-content{padding:50px 20px;background:#f5f5f5}.coaches-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:30px}.coach-card{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 8px 30px #0000001a;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative}.coach-card:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,#f093fb,#f5576c);transform:scaleX(0);transition:transform .3s}.coach-card:hover:before{transform:scaleX(1)}.coach-card:hover{transform:translateY(-15px) rotate(1deg);box-shadow:0 15px 50px #f5576c66}.coach-image{position:relative;width:100%;height:300px;overflow:hidden;background:linear-gradient(135deg,#f093fb,#f5576c)}.coach-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.coach-card:hover .coach-image img{transform:scale(1.15) rotate(2deg)}.coach-rating{position:absolute;top:20px;right:20px;background:#000c;color:#fff;padding:8px 15px;border-radius:25px;display:flex;align-items:center;gap:5px;font-weight:700;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.coach-info{padding:30px}.coach-info h3{font-size:26px;margin-bottom:12px;color:#333;font-weight:700}.coach-badge{display:inline-block;padding:6px 15px;background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;border-radius:20px;font-size:12px;font-weight:700;margin-bottom:20px;text-transform:uppercase;letter-spacing:1px}.coach-details{display:flex;flex-direction:column;gap:12px;margin-bottom:25px}.detail{display:flex;align-items:center;gap:10px;color:#666;font-size:14px}.detail svg{color:#f5576c}.btn-hire{width:100%;padding:15px;background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;border:none;border-radius:12px;font-weight:700;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .3s;position:relative;overflow:hidden}.btn-hire:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn-hire:hover:before{width:300px;height:300px}.btn-hire:hover{transform:translateY(-3px);box-shadow:0 8px 25px #f5576c66}@media (max-width: 768px){.coaches-hero h1{font-size:32px}}.reviews-page{min-height:100vh;background:linear-gradient(135deg,#4facfe,#00f2fe)}.reviews-hero{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff;padding:80px 20px;text-align:center}.reviews-hero h1{font-size:48px;font-weight:800;margin-bottom:15px;animation:bounceIn 1s ease}@keyframes bounceIn{0%{transform:scale(.3);opacity:0}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1);opacity:1}}.reviews-content{padding:50px 20px;background:#f5f5f5}.reviews-filters{display:flex;gap:15px;margin-bottom:40px;flex-wrap:wrap;justify-content:center}.filter-btn{padding:12px 30px;background:#fff;border:2px solid #4facfe;border-radius:25px;cursor:pointer;font-weight:600;color:#4facfe;transition:all .3s}.filter-btn:hover{background:#4facfe;color:#fff;transform:scale(1.05)}.filter-btn.active{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff;border-color:transparent}.reviews-list{display:flex;flex-direction:column;gap:25px;max-width:900px;margin:0 auto}.review-card{background:#fff;border-radius:16px;padding:30px;box-shadow:0 4px 20px #0000001a;transition:all .3s;position:relative;overflow:hidden}.review-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(135deg,#4facfe,#00f2fe);transform:scaleY(0);transition:transform .3s}.review-card:hover:before{transform:scaleY(1)}.review-card:hover{transform:translate(10px);box-shadow:0 8px 30px #4facfe4d}.review-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;flex-wrap:wrap;gap:15px}.review-user{display:flex;gap:15px;align-items:center}.user-avatar{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:20px}.user-name{font-weight:700;color:#333;font-size:16px}.review-turf{color:#666;font-size:14px;margin-top:4px}.review-rating{display:flex;gap:3px}.review-text{color:#555;line-height:1.6;font-size:15px;margin-bottom:20px}.review-footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px;padding-top:20px;border-top:1px solid #f0f0f0}.review-date{color:#999;font-size:13px}.review-actions{display:flex;gap:15px}.action-btn{display:flex;align-items:center;gap:6px;padding:8px 15px;background:#f5f5f5;border:none;border-radius:8px;cursor:pointer;font-size:13px;color:#666;transition:all .3s}.action-btn:hover{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff;transform:translateY(-2px)}@media (max-width: 768px){.reviews-hero h1{font-size:32px}}.schedule-page{min-height:100vh;background:linear-gradient(135deg,#43e97b,#38f9d7)}.schedule-hero{background:linear-gradient(135deg,#43e97b,#38f9d7);color:#fff;padding:80px 20px;text-align:center}.schedule-hero h1{font-size:48px;font-weight:800;margin-bottom:15px}.schedule-content{padding:50px 20px;background:#f5f5f5}.schedule-header{margin-bottom:40px;display:flex;justify-content:center}.date-picker{padding:15px 25px;border:2px solid #43e97b;border-radius:12px;font-size:16px;font-weight:600;background:#fff;cursor:pointer;transition:all .3s}.date-picker:focus{outline:none;border-color:#38f9d7;box-shadow:0 0 0 3px #43e97b33}.schedule-list{display:flex;flex-direction:column;gap:20px;max-width:1000px;margin:0 auto}.schedule-item{background:#fff;border-radius:16px;padding:25px;display:grid;grid-template-columns:150px 1fr auto;gap:30px;align-items:center;box-shadow:0 4px 20px #0000001a;transition:all .3s;position:relative;overflow:hidden}.schedule-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(135deg,#43e97b,#38f9d7)}.schedule-item.booked:before{background:#ccc}.schedule-item:hover{transform:translate(10px);box-shadow:0 8px 30px #43e97b4d}.schedule-time{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:700;color:#333}.schedule-time svg{color:#43e97b}.schedule-details h3{font-size:22px;margin-bottom:10px;color:#333;font-weight:700}.schedule-meta{display:flex;gap:20px;color:#666;font-size:14px}.schedule-meta span{display:flex;align-items:center;gap:6px}.schedule-meta svg{color:#43e97b}.btn-book-slot{padding:12px 30px;background:linear-gradient(135deg,#43e97b,#38f9d7);color:#fff;border:none;border-radius:10px;font-weight:700;cursor:pointer;transition:all .3s;white-space:nowrap}.btn-book-slot:hover{transform:translateY(-3px);box-shadow:0 6px 20px #43e97b66}.status-badge{padding:12px 30px;background:#f0f0f0;color:#999;border-radius:10px;font-weight:600;text-transform:uppercase;font-size:12px;letter-spacing:1px}@media (max-width: 768px){.schedule-hero h1{font-size:32px}.schedule-item{grid-template-columns:1fr;gap:20px}.schedule-time{justify-content:center}}.achievements-page{min-height:100vh;background:linear-gradient(135deg,#fa709a,#fee140)}.achievements-hero{background:linear-gradient(135deg,#fa709a,#fee140);color:#fff;padding:80px 20px;text-align:center}.achievements-hero h1{font-size:48px;font-weight:800;margin-bottom:15px}.achievements-content{padding:50px 20px;background:#f5f5f5}.achievements-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:30px}.achievement-card{background:#fff;border-radius:20px;padding:40px 30px;text-align:center;box-shadow:0 4px 20px #0000001a;transition:all .4s;position:relative;overflow:hidden}.achievement-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.3) 0%,transparent 70%);transform:scale(0);transition:transform .6s}.achievement-card:hover:before{transform:scale(1)}.achievement-card.unlocked{border:3px solid transparent;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,#fa709a,#fee140) border-box}.achievement-card.unlocked:hover{transform:translateY(-10px) scale(1.05);box-shadow:0 15px 40px #fa709a66}.achievement-card.locked{opacity:.6;filter:grayscale(100%)}.achievement-icon{margin-bottom:20px;transition:transform .3s}.achievement-card.unlocked:hover .achievement-icon{transform:rotate(360deg) scale(1.2)}.achievement-card h3{font-size:20px;margin-bottom:15px;color:#333;font-weight:700}.unlock-badge{display:inline-block;padding:6px 15px;background:linear-gradient(135deg,#fa709a,#fee140);color:#fff;border-radius:20px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px}.lock-badge{display:inline-block;padding:6px 15px;background:#ccc;color:#666;border-radius:20px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px}@media (max-width: 768px){.achievements-hero h1{font-size:32px}}.weather-page{min-height:100vh;background:linear-gradient(135deg,gold,#ffed4e)}.weather-hero{background:linear-gradient(135deg,gold,#ffed4e);color:#333;padding:80px 20px;text-align:center}.weather-hero h1{font-size:48px;font-weight:800;margin-bottom:15px}.weather-content{padding:50px 20px;background:#f5f5f5}.weather-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:30px}.weather-card{background:#fff;border-radius:20px;padding:40px;text-align:center;box-shadow:0 4px 20px #0000001a;transition:all .3s;position:relative;overflow:hidden}.weather-card:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,gold,#ffed4e);transform:scaleX(0);transition:transform .3s}.weather-card.suitable:before{background:linear-gradient(90deg,#43e97b,#38f9d7)}.weather-card:hover:before{transform:scaleX(1)}.weather-card:hover{transform:translateY(-10px);box-shadow:0 10px 40px #ffd7004d}.weather-card.suitable:hover{box-shadow:0 10px 40px #43e97b4d}.weather-day{font-size:18px;font-weight:700;color:#333;margin-bottom:20px}.weather-icon{margin:20px 0;color:gold}.weather-card.suitable .weather-icon{color:#43e97b}.weather-temp{font-size:36px;font-weight:800;color:#333;margin-bottom:10px}.weather-condition{color:#666;font-size:16px;margin-bottom:15px}.suitable-badge{display:inline-block;padding:8px 20px;background:linear-gradient(135deg,#43e97b,#38f9d7);color:#fff;border-radius:25px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-top:10px}@media (max-width: 768px){.weather-hero h1{font-size:32px}}.videos-page{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2)}.videos-hero{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:80px 20px;text-align:center}.videos-hero h1{font-size:48px;font-weight:800;margin-bottom:15px}.videos-content{padding:50px 20px;background:#f5f5f5}.videos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:30px}.video-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px #0000001a;transition:all .3s}.video-card:hover{transform:translateY(-10px);box-shadow:0 10px 40px #667eea4d}.video-thumbnail{position:relative;width:100%;height:200px;overflow:hidden;background:linear-gradient(135deg,#667eea,#764ba2)}.video-thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.video-card:hover .video-thumbnail img{transform:scale(1.1)}.play-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;background:#000000b3;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s;cursor:pointer}.video-card:hover .play-overlay{background:#667eeae6;transform:translate(-50%,-50%) scale(1.1)}.video-info{padding:25px}.video-info h3{font-size:20px;margin-bottom:15px;color:#333;font-weight:700}.video-stats{display:flex;gap:20px;margin-bottom:20px;color:#666;font-size:14px}.video-stats span{display:flex;align-items:center;gap:5px}.btn-watch{width:100%;padding:12px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;font-weight:700;cursor:pointer;transition:all .3s}.btn-watch:hover{transform:translateY(-2px);box-shadow:0 5px 20px #667eea66}@media (max-width: 768px){.videos-hero h1{font-size:32px}}.App{min-height:100vh;background:linear-gradient(135deg,#f8f9fa,#e9ecef,#f8f9fa);background-size:200% 200%;animation:subtleGradient 20s ease infinite;position:relative}.App:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(102,126,234,.05) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(245,87,108,.05) 0%,transparent 50%),radial-gradient(circle at 40% 20%,rgba(67,233,123,.05) 0%,transparent 50%);pointer-events:none;z-index:0}@keyframes subtleGradient{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}*{margin:0;padding:0;box-sizing:border-box}:root{--primary-purple: #667eea;--primary-pink: #f093fb;--primary-blue: #4facfe;--primary-green: #43e97b;--primary-orange: #ff6b35;--primary-yellow: #ffd700;--gradient-1: linear-gradient(135deg, #667eea 0%, #764ba2 50%, #f093fb 100%);--gradient-2: linear-gradient(135deg, #f093fb 0%, #f5576c 50%, #fa709a 100%);--gradient-3: linear-gradient(135deg, #4facfe 0%, #00f2fe 50%, #43e97b 100%);--gradient-4: linear-gradient(135deg, #43e97b 0%, #38f9d7 50%, #4facfe 100%);--gradient-5: linear-gradient(135deg, #fa709a 0%, #fee140 50%, #ffd700 100%);--gradient-6: linear-gradient(135deg, #ffd700 0%, #ffed4e 50%, #fa709a 100%);--gradient-7: linear-gradient(135deg, #667eea 0%, #764ba2 25%, #f093fb 50%, #f5576c 75%, #ff6b35 100%);--accent-cyan: #00f2fe;--accent-magenta: #f5576c;--accent-lime: #38f9d7;--accent-amber: #fee140;--bg-light: #f8f9fa;--bg-white: #ffffff;--text-dark: #1a1a1a;--text-medium: #4a4a4a;--text-light: #8a8a8a;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .08);--shadow-md: 0 4px 20px rgba(0, 0, 0, .12);--shadow-lg: 0 8px 30px rgba(0, 0, 0, .16);--shadow-xl: 0 12px 40px rgba(0, 0, 0, .2);--shadow-glow: 0 0 30px rgba(102, 126, 234, .3)}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--text-dark);line-height:1.7;background:linear-gradient(135deg,#f8f9fa,#e9ecef);background-attachment:fixed}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html{scroll-behavior:smooth}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:linear-gradient(180deg,#f1f1f1,#e9ecef);border-radius:10px}::-webkit-scrollbar-thumb{background:var(--gradient-1);border-radius:10px;border:2px solid #f1f1f1}::-webkit-scrollbar-thumb:hover{background:var(--gradient-2);box-shadow:0 0 10px #667eea80}::selection{background:var(--gradient-1);color:#fff}::-moz-selection{background:var(--gradient-1);color:#fff}