@import "https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700&family=Roboto:wght@400;500;700&display=swap";
.explore-hero-section{text-align:center;background-color:#0000;background-image:linear-gradient(#140b2bb3,#140b2bb3),url(/assets/Explore/BgImg1.jpg);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;min-height:80vh;padding:7rem 2rem 4rem}.explore-hero-section h1{background:linear-gradient(90deg, var(--exp-accent1), var(--exp-accent2));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 1rem;font-family:Playfair Display,serif;font-size:2.8rem}.explore-hero-section p{opacity:.9;color:#fff;max-width:650px;margin:1rem auto 0;font-size:1.1rem}.filter-section{background:#140b2b;flex-direction:column;align-items:center;gap:1.8rem;padding:2.5rem 1.5rem;display:flex}.search-bar{width:100%;max-width:360px;position:relative}.search-bar input{color:#fff;background:#ffffff14;border:1px solid #ffffff26;border-radius:999px;outline:none;width:100%;padding:.75rem 1rem .75rem 2.8rem;font-family:Roboto,sans-serif;font-size:.95rem}.search-bar input::placeholder{color:#fff9}.search-bar input:focus{border-color:#ff3cac;box-shadow:0 0 0 2px #ff3cac40}.search-icon{opacity:.6;font-size:.9rem;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.filter-buttons-container{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-bottom:-30px;display:flex}.filter-button{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff26;border-radius:999px;padding:.55rem 1.1rem;font-family:Roboto,sans-serif;font-size:.9rem;transition:all .25s}.filter-button:hover{background:#ffffff26}.filter-button.active{color:#111;background:linear-gradient(90deg,#ff3cac,#2b86c5);border-color:#0000;font-weight:700}.dedicated-filter{color:#111;background:linear-gradient(90deg,#ff3cac,#2b86c5);border:none;font-weight:700}.dedicated-filter.active{box-shadow:0 0 0 2px #ff3cac59}.projects-section{text-align:center;background:linear-gradient(#140b2b,#201242);min-height:60vh;padding:4rem 2rem}.projects-section h1{color:#fff;margin-top:0;margin-bottom:20px;font-family:Playfair Display,serif}.loading-message,.no-results-message{color:#b0a7d4;padding:40px 0;font-size:1.1rem}.project-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));align-items:stretch;gap:28px;margin-top:30px;display:grid}.explore-project-card{background:linear-gradient(145deg, var(--exp-card-bg-start), var(--exp-card-bg-end));border-radius:var(--exp-radius);cursor:pointer;border:1px solid #ffffff12;flex-direction:column;height:auto;transition:transform .3s,box-shadow .3s;display:flex;overflow:hidden}.explore-project-card:hover{transform:translateY(-4px);box-shadow:0 18px 36px #e91e6340}.explore-project-card.expanded{max-height:1000px}.card-image-wrapper{background:#000;justify-content:center;align-items:center;width:100%;height:260px;display:flex;position:relative;overflow:hidden}.card-image-wrapper img{object-fit:fill;object-position:center;width:100%;height:100%;display:block}.stage-tag{background:linear-gradient(90deg, var(--exp-accent1), var(--exp-accent2));text-transform:uppercase;color:#fff;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:700;position:absolute;top:220px;right:10px}.card-body{flex-direction:column;flex:1;gap:8px;padding:12px 14px;display:flex}.project-card-genre{color:var(--exp-accent1);letter-spacing:1px;font-size:11px;font-weight:700}.project-card-title{color:#fff;margin:4px 0 6px;font-family:Roboto,sans-serif;font-size:1.05rem;font-weight:700}.project-card-description{color:#d6d8ff;word-break:break-word;margin-bottom:14px;font-size:14px;line-height:1.6}.read-more{color:#25d366;cursor:pointer;margin-left:4px;font-size:14px;font-weight:600}.read-more:hover{text-decoration:underline}.project-progress{margin-bottom:8px}.progress-bar-container{background:#ffffff26;border-radius:999px;height:5px}.progress-bar{background:linear-gradient(90deg, var(--exp-accent1), var(--exp-accent2));border-radius:999px;height:100%;transition:width .6s}.progress-metrics-line{opacity:.8;color:#fff;justify-content:space-between;margin-top:4px;font-size:11px;display:flex}.key-metrics-grid{color:#b0a7d4;grid-template-columns:repeat(2,1fr);gap:6px;margin-top:12px;font-size:11px;display:grid}.key-metrics-grid strong{color:#fff}.card-footer{background:#ffffff0a;border-top:1px solid #ffffff14;flex:none;gap:10px;margin-top:auto;padding:12px;display:flex}.btn-outline,.btn-primary{text-align:center;border-radius:8px;flex:1;padding:8px;font-size:.85rem;font-weight:700;text-decoration:none;transition:all .25s;display:inline-block}.btn-outline{border:1px solid var(--exp-accent1);color:var(--exp-accent1);background:0 0}.btn-outline:hover{background:#ff3cac1a}.btn-primary{color:#111;background:linear-gradient(90deg,#ff5bb8,#4c9fff);border:none}.btn-primary:hover{opacity:.9;transform:scale(1.02)}.whatsapp-float-btn{color:#fff;z-index:1000;background:#25d366;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;font-size:30px;text-decoration:none;transition:all .25s;display:flex;position:fixed;bottom:20px;left:20px;box-shadow:0 8px 20px #0000004d}.whatsapp-float-btn:hover{transform:scale(1.12)}.whatsapp-float-btn:after{content:"";z-index:-1;background:#25d36666;border-radius:50%;width:64px;height:64px;animation:2s infinite whatsapp-pulse;position:absolute}@keyframes whatsapp-pulse{0%{opacity:.6;transform:scale(1)}70%{opacity:0;transform:scale(1.5)}to{opacity:0;transform:scale(1.5)}}@media (max-width:768px){.explore-hero-section h1{font-size:2rem}.explore-hero-section{min-height:60vh;padding:5rem 1.5rem 3rem}.filter-section{padding:2rem 1rem}.search-bar{max-width:100%}.explore-project-card{height:auto}.card-image-wrapper{height:200px}.stage-tag{top:160px}.project-grid{grid-template-columns:1fr;gap:20px}}@media (max-width:480px){.filter-buttons-container{gap:.5rem}.filter-button{padding:.45rem .85rem;font-size:.8rem}}