.fixed-header{background-color:var(--color-primary);z-index:1000;padding:1rem 0;position:fixed;top:0;left:0;right:0;box-shadow:0 4px 20px #0000001a}.header-content{justify-content:space-between;align-items:center;display:flex}.logo{font-family:var(--font-serif);color:#fff;font-size:1.8rem;font-weight:700}.logo span{color:var(--color-accent)}.nav-links{gap:2rem;display:flex}.nav-links auto,.nav-links a{color:#e2e8f0;font-weight:500;transition:color .3s}.nav-links a:hover{color:#fff}@media (max-width:768px){.nav-links,.header-btn{display:none}}
.hero-section{text-align:center;background-image:url(/hero.png);background-position:50%;background-size:cover;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.hero-overlay{z-index:1;background:linear-gradient(#12301ab3,#0006);position:absolute;inset:0}.hero-content{z-index:2;color:#fff;max-width:900px;position:relative}.hero-content h1{color:#fff;text-shadow:0 4px 20px #00000080;margin-bottom:1.5rem;font-size:4.5rem;line-height:1.1}.hero-content p{color:#e2e8f0;max-width:700px;margin:0 auto 3rem;font-size:1.4rem;font-weight:300}.btn-large{padding:1.2rem 2.5rem;font-size:1.1rem}.scroll-indicator{z-index:2;cursor:pointer;opacity:.8;transition:opacity .3s;display:inline-flex;position:absolute;bottom:2rem}.scroll-indicator:hover{opacity:1}@media (max-width:768px){.hero-content h1{font-size:3rem}}.typewriter-text{color:#fff}.cursor{color:#fff;opacity:.8;margin-left:2px;font-weight:300;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}
.qol-section{background-position:50%;background-size:cover;background-attachment:fixed;padding:6rem 0;position:relative}.bg-section-serra{background-image:url(/bg-serra.png)}.qol-overlay{z-index:1;background:#12301ad9;position:absolute;inset:0}.relative-z{z-index:2;position:relative}.qol-header{text-align:center;color:#fff;margin-bottom:4rem}.qol-header h2{color:#fff;font-size:3rem}.qol-header p{color:var(--color-text-light);opacity:.9;font-size:1.2rem}.qol-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;display:grid}.qol-card{background-position:50%;background-size:cover;border-radius:16px;flex-direction:column;justify-content:center;min-height:250px;transition:transform .3s,box-shadow .3s;display:flex;position:relative;overflow:hidden}.bg-card-security{background-image:url(/bg-security.png)}.bg-card-idh{background-image:url(/bg-idh.png)}.qol-card-overlay{z-index:1;background:linear-gradient(#0000004d,#000c);position:absolute;inset:0}.qol-card-content{z-index:2;text-align:center;padding:3rem 2rem;position:relative}.qol-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0000004d}.qol-card h3{color:#fff;font-size:3.5rem;font-family:var(--font-sans);text-shadow:0 2px 4px #00000080;margin-bottom:.5rem;font-weight:700}.qol-card h4{font-size:1.5rem;font-family:var(--font-sans);color:#fff}.qol-card p{opacity:.9;color:#fff;margin-bottom:0}
.amenities-section{background-color:var(--color-background);padding:6rem 0}.amenities-header{margin-bottom:4rem}.amenities-header h2{color:var(--color-primary);font-size:2.5rem}.amenities-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:2rem;display:grid}.amenity-card{text-align:center;background:#fff;border-radius:16px;padding:2.5rem 2rem;transition:transform .3s,box-shadow .3s;box-shadow:0 10px 30px #0000000d}.amenity-card:hover{transform:translateY(-8px);box-shadow:0 15px 40px #00000014}.amenity-icon{color:var(--color-accent);justify-content:center;margin-bottom:1.5rem;display:flex}.amenity-title{font-size:1.4rem;font-family:var(--font-sans);color:var(--color-text-main);margin-bottom:1rem}.amenity-card p{color:var(--color-text-muted);font-size:1rem}
.property-section{background-color:var(--color-surface);padding:6rem 0}.property-header{text-align:center;margin-bottom:4rem}.property-header h2{font-size:2.5rem}.property-header p{color:var(--color-text-muted)}.property-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;display:grid}.property-card{transition:var(--transition-smooth);background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 15px #0000000f}.property-card:hover{transform:translateY(-8px);box-shadow:0 12px 30px #0000001a}.property-image-wrapper{width:100%;height:250px;position:relative}.property-img{object-fit:cover;width:100%;height:100%}.badge{background-color:var(--color-primary);color:#fff;z-index:2;border-radius:4px;padding:.4rem .8rem;font-size:.8rem;font-weight:600;position:absolute;top:1rem;left:1rem}.property-content{padding:1.5rem}.property-title{font-family:var(--font-sans);color:var(--color-text-main);margin-bottom:.5rem;font-size:1.2rem}.property-price{color:var(--color-primary);margin-bottom:1rem;font-size:1.5rem;font-weight:700}.property-features{color:var(--color-text-muted);flex-direction:column;gap:.5rem;margin-bottom:1.5rem;font-size:.95rem;display:flex}.feature{align-items:center;gap:.5rem;display:flex}.w-full{width:100%}
.footer-section{color:var(--color-text-light);padding:5rem 0 2rem}.footer-content{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:3rem;margin-bottom:4rem;display:grid}.logo-footer{font-family:var(--font-serif);margin-bottom:1rem;font-size:2rem;font-weight:700}.logo-footer span{color:var(--color-accent)}.footer-brand p{opacity:.8;margin-bottom:1.5rem}.social-links{gap:1rem;display:flex}.social-links a{color:#fff;opacity:.8;transition:opacity .3s}.social-links a:hover{opacity:1}.footer-links h4,.footer-contact h4{color:#fff;font-size:1.2rem;font-family:var(--font-sans);margin-bottom:1.5rem}.footer-links ul{padding:0;list-style:none}.footer-links li{margin-bottom:.8rem}.footer-links a{opacity:.8;transition:opacity .3s}.footer-links a:hover{opacity:1;text-decoration:underline}.footer-contact p{opacity:.8;margin-bottom:.5rem}.mt-4{margin-top:1rem}.footer-bottom{opacity:.6;border-top:1px solid #ffffff1a;padding-top:2rem;font-size:.9rem}