.hero,.hero-detail{height:100vh;display:flex;align-items:center;position:relative}.facility-list,.footer-links ul{list-style:none}.btn,.btn-detail,.footer-links a{text-decoration:none}.blok-item,.footer-bottom,.footer-location,.hero-content,.layout-diagram,.section-title{text-align:center}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Poppins,sans-serif;background-color:#f3f4f6;color:#374151;line-height:1.6}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}.hero{background:linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,.6)) center/cover,url('/img/plan/Hero\ Section.webp') center/cover}.hero-detail{background:linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,.6)) center/cover,url('/img/plan/Hero\ Section\ -\ Detail.webp') center/cover}.hero-content{color:#fff}.hero,.hero-detail h1{font-size:3.5rem;font-weight:700;margin-bottom:1rem;letter-spacing:-.025em}.btn,.location-info,.size-badge{font-weight:600}.hero,.hero-detail p{font-size:1.5rem;margin-bottom:2rem;opacity:.9}.btn{display:inline-block;padding:12px 32px;border-radius:8px;transition:.3s;margin:0 10px}.btn-primary{background-color:#f97316;color:#fff;border:none;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.about-image,.floor-plan-card:hover{box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}.btn-primary:hover{background-color:#ea580c;transform:scale(1.05)}.btn-secondary{background-color:transparent;color:#fff;border:2px solid #fff}#about,#layout,.btn-secondary:hover,.floor-plan-card{background-color:#fff}.about-image,.floor-plan-card{border-radius:12px;overflow:hidden}.btn-secondary:hover{color:#1f2937}.scroll-down{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);animation:2s infinite bounce;color:#fff}@keyframes bounce{0%,100%,20%,50%,80%{transform:translateY(0) translateX(-50%)}40%{transform:translateY(-20px) translateX(-50%)}60%{transform:translateY(-10px) translateX(-50%)}}section{padding:80px 0}.section-title{margin-bottom:40px}.section-title h2{font-size:2.5rem;font-weight:700;color:#1f2937;margin-bottom:1rem}.section-title p{font-size:1.25rem;color:#6b7280}.about-content,.layout-content{display:flex;align-items:center;gap:48px}.about-text{flex:1}.about-text p{font-size:1.125rem;color:#6b7280;margin-bottom:1.5rem}.location-info{display:flex;align-items:center;color:#f97316;font-size:1.125rem}.location-info i{margin-right:8px}.about-image{flex:1}.floor-plan-card,.gallery-item,.layout-container,.layout-diagram{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.about-image img{width:100%;height:100%;object-fit:cover}#floor-plans{background:linear-gradient(to bottom right,#fff7ed,#fef3c7)}.floor-plans-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px}.footer-container,.gallery-container{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.floor-plan-card{transition:transform .3s,box-shadow .3s}.floor-plan-card:hover{transform:translateY(-10px)}.floor-plan-image{position:relative;height:192px;overflow:hidden}.floor-plan-image img{width:100%;height:100%;object-fit:contain;transition:transform .3s}.gallery-item img,.layout-image,.zoom-modal img{height:auto;border-radius:8px}.floor-plan-card:hover .floor-plan-image img{transform:scale(1.03)}.size-badge{position:absolute;top:16px;right:16px;background-color:#f97316;color:#fff;padding:4px 12px;border-radius:16px;font-size:.875rem}.floor-plan-details{padding:24px}.floor-plan-details h3{font-size:1.5rem;font-weight:700;color:#1f2937;margin-bottom:.5rem}.floor-plan-details p{color:#6b7280;margin-bottom:1rem}.features{display:flex;justify-content:space-between;margin-bottom:1rem}.layout-text h3,.specifications{margin-bottom:1.5rem}.feature{display:flex;align-items:center;color:#4b5563;font-size:.875rem}.feature i{margin-right:4px;color:#6b7280}.price-detail-row{display:flex;justify-content:space-between;align-items:center;margin-top:10px}.price{font-size:1.25rem;font-weight:700;color:#f97316;border-top:1px solid #e5e7eb;padding-top:16px}.btn-detail{background-color:#007bff;color:#fff;padding:6px 12px;border-radius:4px;transition:background-color .3s}.gallery-item,.zoom-container img{transition:transform .3s}.btn-detail:hover{background-color:#0056b3}.layout-container{background-color:#fff;border-radius:12px;padding:32px}#gallery,.building-specs{background-color:#f3f4f6}.layout-text h3{font-size:1.5rem;font-weight:700;color:#1f2937}.spec-item{display:flex;align-items:center;margin-bottom:1rem}.spec-item::before{content:'';display:inline-block;width:16px;height:16px;background-color:#f97316;border-radius:50%;margin-right:12px}#scrollToTopBtn:hover,.btn-submit:hover{background-color:#ea580c}.spec-item span{color:#4b5563}.spec-item strong{color:#1f2937;margin-right:4px}.building-specs{padding:16px;border-radius:8px}.building-specs h4{font-weight:600;color:#1f2937;margin-bottom:8px}.building-specs ul{list-style:none;padding:0;margin:0}.building-specs ul li{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px;flex-wrap:wrap;border-bottom:1px solid #e5e7eb;padding-bottom:6px}.building-specs ul li strong{font-weight:600;color:#111827;min-width:130px}.building-specs ul li span,.facility-list li span{font-weight:600;color:#111827;min-width:110px;display:inline-block}.building-specs ul li span{text-align:right;flex:1}.building-specs li::before{content:'•';margin-right:8px;color:#6b7280}.layout-diagram{width:80%;background:0 0;border-radius:12px;overflow:hidden;padding:0}.layout-diagram::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(90deg,rgba(0,0,0,.1) 1px,transparent 1px),linear-gradient(rgba(0,0,0,.1) 1px,transparent 1px);background-size:20px 20px;opacity:.1}.layout-image{width:50%;object-fit:contain}.zoom-container{cursor:zoom-in;overflow:hidden;display:inline-block;position:relative}.zoom-container:hover img{transform:scale(1.2)}.zoom-modal{display:none;position:fixed;z-index:9999;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);justify-content:center;align-items:center;overflow:auto;padding:20px}#scrollToTopBtn,.wa-message-container{position:fixed;bottom:30px;z-index:999}.zoom-modal img{width:100%;object-fit:contain;max-width:90%;max-height:90%;box-shadow:0 0 20px rgba(0,0,0,.5);cursor:zoom-out}.facility-info{margin-top:24px;padding:16px;background-color:#f9fafb;border-radius:8px}.facility-info h4{font-weight:600;color:#1f2937;margin-bottom:12px}.facility-list{padding-left:0;margin:0}.facility-list li{font-size:.95rem;color:#374151;margin-bottom:10px;display:flex;align-items:flex-start;line-height:1.5;gap:6px;flex-wrap:wrap}.facility-list i{color:#f97316;margin-right:8px;min-width:20px}.facility-list span{color:#6b7280;font-size:.85rem;margin-left:6px}.gallery-container{display:grid;gap:24px}.gallery-item{border-radius:12px;overflow:hidden}.btn-submit,.form-control{transition:.3s;font-size:1rem}.gallery-item:hover{transform:scale(1.05)}.gallery-item img{width:100%;aspect-ratio:3/4;object-fit:cover}#contact{background-color:#1f2937;color:#fff}.contact-container{display:flex;gap:48px}.contact-info h2{font-size:2.5rem;font-weight:700;margin-bottom:1rem}.contact-info p{font-size:1.25rem;margin-bottom:2rem;opacity:.9}.contact-item{display:flex;align-items:center;margin-bottom:1.5rem}.contact-icon{background-color:#f97316;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:16px}.contact-icon i{color:#fff;font-size:1.25rem}.contact-item h3{font-size:1.125rem;font-weight:600;margin-bottom:.25rem}.contact-item p{margin-bottom:0;opacity:.9}.contact-form{background-color:#fff;border-radius:12px;padding:32px}#scrollToTopBtn,.btn-submit{background-color:#f97316;cursor:pointer}.form-group{margin-bottom:24px}.form-group label{display:block;color:#1f2937;font-weight:600;margin-bottom:8px}.form-control{width:100%;padding:12px 16px;border:1px solid #d1d5db;border-radius:8px}.form-control:focus{outline:0;box-shadow:0 0 0 3px rgba(249,115,22,.3);border-color:#f97316}textarea.form-control{resize:vertical;min-height:120px}.btn-submit{color:#fff;border:none;padding:12px 24px;border-radius:8px;font-weight:600;width:100%}.btn-submit:hover{transform:scale(1.02)}footer{background-color:#111827;color:#fff;padding:48px 0 24px}.footer-container{display:grid;gap:48px;margin-bottom:32px}.footer-logo{font-size:1.875rem;font-weight:700;margin-bottom:16px}.footer-logo span{color:#f97316}.footer-location p,.footer-text{color:#9ca3af;margin-bottom:16px}.social-links{display:flex;gap:16px}.social-link{color:#9ca3af;font-size:1.5rem;transition:color .3s}.footer-links a:hover,.social-link:hover{color:#fff}.footer-links h3{font-size:1.25rem;font-weight:600;margin-bottom:16px;color:#fff}.footer-links li{margin-bottom:8px}.footer-links a{color:#9ca3af;transition:color .3s;display:flex;align-items:center}.footer-links i{color:#f97316;margin-right:8px;font-size:.875rem}.map-placeholder{background-color:#374151;height:120px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-direction:column}.map-placeholder i{font-size:3rem;color:#f97316;margin-bottom:8px}.map-placeholder p{margin:0;font-size:.875rem}.footer-bottom{padding-top:24px;border-top:1px solid #374151;color:#9ca3af;font-size:.875rem}#scrollToTopBtn{right:30px;color:#fff;border:none;padding:12px 16px;border-radius:50%;display:none;font-size:1.25rem}.wa-message-container{left:30px;display:flex;align-items:center;gap:12px}.wa-message-text{background-color:#fff;color:#1f2937;padding:10px 16px;border-radius:12px;box-shadow:0 4px 10px rgba(0,0,0,.15);font-size:.95rem;max-width:220px;animation:.5s slideIn}.btn-wa,.whatsapp-float{color:#fff;text-decoration:none;transition:background-color .3s}.whatsapp-float{background-color:#25d366;font-size:1.8rem;padding:14px 16px;border-radius:50%;box-shadow:0 4px 10px rgba(0,0,0,.2);display:flex;align-items:center;justify-content:center}.whatsapp-float:hover{background-color:#1ebe5d}@keyframes slideIn{from{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.mobile-break{display:none}.blok-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-top:20px}.blok-item{background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;padding:12px;box-shadow:0 2px 6px rgba(0,0,0,.05)}.blok-item img{width:100%;height:auto;margin-bottom:10px;border-radius:4px}.btn-wa{display:inline-block;padding:8px 12px;background-color:#25d366;border-radius:4px;font-weight:600;font-size:1.5rem}.btn-wa:hover{background-color:#1ebd5a}@media (max-width:992px){.about-content,.contact-container,.layout-content{flex-direction:column}.hero h1{font-size:2.5rem}.hero p{font-size:1.25rem}.layout-diagram{width:100%}}@media (max-width:768px){.hero h1,.section-title h2{font-size:2rem}section{padding:60px 0}.section-title p{font-size:1.125rem}.layout-image{width:100%;height:auto}.building-specs ul li,.facility-list li{font-size:.9rem;line-height:1.6}.building-specs ul li{flex-direction:column;align-items:flex-start}.building-specs ul li span{text-align:left;margin-top:4px}}@media (max-width:576px){.btn,.mobile-break{display:block}.hero h1{font-size:1.75rem}.btn{margin:10px auto;max-width:300px}}