*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:#f8fafc;color:#334155}.container{max-width:1200px;margin:0 auto;padding:0 20px}.header{background:white;border-bottom:1px solid #e2e8f0;padding:16px 0}.header-content{display:flex;justify-content:space-between;align-items:center}.logo{font-size:20px;font-weight:700;color:#1e293b}.logo-image{height:36px;display:block}.search-container{flex:1 1;max-width:400px;margin:0 40px;position:relative}.search-input{width:100%;padding:12px 16px 12px 44px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;background:#f9fafb}.search-input:focus{outline:none;border-color:#3b82f6;background:white}.search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#6b7280}.search-suggestions{position:absolute;left:0;right:0;top:44px;background:white;border:1px solid #e5e7eb;border-radius:8px;list-style:none;padding:8px 0;z-index:40;max-height:220px;overflow:auto}.search-suggestion-item{padding:8px 12px;cursor:pointer;color:#374151}.search-suggestion-item:hover{background:#f8fafc}.nav-links{display:flex;gap:32px;align-items:center}.nav-links a{text-decoration:none;color:#64748b;font-weight:500;transition:color .2s}.nav-links a:hover{color:#1e293b}.user-icon{padding:8px;border-radius:50%;background:#f1f5f9;color:#64748b}.intro-section{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;background-image:url(/Playgrounds-background.png);background-size:cover;background-position:50%;height:420px;padding:40px 20px;overflow:hidden}.intro-section:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(3,7,18,.158),rgba(3,7,18,.089));pointer-events:none}.text-container{color:white;text-align:center}.text-container h1{font-size:36px;line-height:1.04;font-weight:800;margin-bottom:10px;text-shadow:0 4px 18px rgba(2,6,23,.35)}.text-container p{font-size:20px;color:rgba(255,255,255,.92);margin-bottom:18px}.button-container{display:flex;gap:12px;align-items:center}.btn-primary{background:#ffdb3a;color:rgb(0,0,0);border-radius:5px;border:1px solid rgb(255,255,255)}.btn-primary,.btn-secondary{flex:1 1 auto;padding:10px 25px;font-size:14px;font-weight:600;cursor:pointer;box-shadow:0 8px 20px rgba(37,99,235,.12)}.btn-secondary{background:#ffffff69;color:rgb(255,255,255);border:none;border-radius:5px}@media (max-width:900px){.text-container h1{font-size:28px}}.filters-section{background:white;padding:20px 0}.filters-container{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.apply-filters-btn{background:#3b82f6;color:white;border:none;padding:10px 20px;border-radius:6px;font-weight:500;cursor:pointer;transition:background-color .2s}.apply-filters-btn:hover{background:#2563eb}.filter-actions{display:flex;align-items:center;gap:8px}.clear-filters-btn{background:white;color:#3b82f6;border:1px solid #3b82f6;padding:10px 20px;border-radius:6px;font-weight:500;cursor:pointer;transition:background-color .2s}.clear-filters-btn:hover{background:#3b82f6;color:white}.view-controls{display:flex;gap:8px;margin-left:auto}.view-btn{padding:8px 12px;border:1px solid #d1d5db;background:white;border-radius:4px;cursor:pointer;display:flex;align-items:center;gap:4px;font-size:14px;transition:all .2s}.view-btn.active{background:#3b82f6;color:white;border-color:#3b82f6}#demo-simple-select{padding-top:12px;padding-bottom:12px}#demo-simple-select select{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;gap:8px;padding:8px 36px 8px 14px;height:40px;border-radius:9999px;border:1px solid #e6e9ef;background:white;font-weight:600;color:#374151;cursor:pointer}#demo-simple-select .filter-chevron{position:absolute;right:12px;top:50%;transform:translateY(-50%);pointer-events:none;color:#94a3b8}.main-content{padding:32px 0}.results-header{margin-bottom:24px}.results-header h1{font-size:24px;font-weight:700;color:#1e293b}.results-count{color:#6b7280;font-size:16px;margin-top:4px}.playground-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));grid-gap:24px;gap:24px}.playground-card{background:white;border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,.1);overflow:hidden;transition:transform .2s,box-shadow .2s;cursor:pointer}.playground-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.card-image-container{position:relative;height:200px}.card-image{width:100%;height:100%;display:block;background-size:cover;background-position:50%;border-top-left-radius:12px;border-top-right-radius:12px;overflow:hidden}.card-badges{position:absolute;top:12px;right:12px;display:flex;gap:8px}.badge{padding:4px 8px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase}.badge.outdoor{background:#dcfce7;color:#166534}.badge.indoor{background:#f3e8ff;color:#7c3aed}.badge.free{background:#dcfce7;color:#166534}.badge.paid{background:#fef3c7;color:#d97706}.card-content{padding:20px 15px 15px}.card-title{font-size:20px;font-weight:700;color:#1e293b;margin:0;line-height:1.1}.card-title-row{justify-content:space-between;gap:12px}.card-age,.card-location,.card-title-row{display:flex;align-items:center;margin-bottom:12px}.card-age,.card-location{gap:10px;color:#6b7280;font-size:14px}.card-rating{display:flex;align-items:center;gap:6px;font-weight:600;font-size:14px}.card-rating svg{color:#fbbf24;fill:#fbbf24}.card-reviews{color:#6b7280;font-size:14px}.card-amenities,.card-reviews{display:flex;align-items:center}.card-amenities{margin-top:12px;flex-wrap:wrap;gap:6px}.amenity-tag{padding:6px 12px;background:#e6f0ff;color:#475569;border-radius:999px;font-size:12px;font-weight:500;box-shadow:inset 0 1px 0 rgba(255,255,255,.6)}.amenity-more{font-size:12px;color:#64748b;margin-left:6px}.view-more{margin-top:16px;gap:12px;display:flex;align-items:center}.primary-btn{flex:1 1 auto;background:#2563eb;color:white;border:none;padding:14px 18px;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;box-shadow:0 8px 20px rgba(37,99,235,.12)}.primary-btn:hover{background:#1e40af}.action-icons{display:flex;gap:8px;margin-left:12px}.icon-btn{background:white;border:1px solid #e6eefc;width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;cursor:pointer}.footer{background:#1e293b;color:white;padding:48px 0 24px}.footer-content{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;grid-gap:40px;gap:40px}.footer-section h3{font-size:18px;font-weight:600;margin-bottom:16px}.footer-section p{color:#94a3b8;line-height:1.6}.footer-section ul{list-style:none}.footer-section ul li{margin-bottom:8px}.footer-section ul li a{color:#94a3b8;text-decoration:none;transition:color .2s}.footer-section ul li a:hover{color:white}.social-links{display:flex;gap:12px;margin-top:16px}.social-links a{padding:8px;background:#334155;border-radius:6px;transition:background-color .2s}.social-links a:hover{background:#475569}.footer-bottom{border-top:1px solid #334155;padding-top:24px;margin-top:40px;display:flex;justify-content:space-between;align-items:center;color:#94a3b8;font-size:14px}.footer-links{display:flex;gap:24px}.footer-links a{color:#94a3b8;text-decoration:none}.footer-links a:hover{color:white}.designed-by{display:flex;align-items:center;gap:8px}.bg-green-100{background-color:#dcfce7}.bg-purple-100{background-color:#f3e8ff}.bg-blue-100{background-color:#dbeafe}.bg-yellow-100{background-color:#fef3c7}.bg-red-100{background-color:#fee2e2}.highlight{box-shadow:0 0 0 4px rgba(59,130,246,.12),0 6px 18px rgba(2,6,23,.08);transform:translateY(-4px)}@media (max-width:768px){.search-container{order:3;margin:0;max-width:none}.filters-container{flex-direction:column;align-items:stretch}.view-controls{margin-left:0;justify-content:space-around}.filter-actions{justify-content:center}.footer-content,.playground-grid{grid-template-columns:1fr}.footer-content{gap:32px}.footer-bottom{flex-direction:column;gap:16px}}