*,*::before,*::after{box-sizing:border-box}html,body,h1,h2,h3,h4,h5,h6,p,ol,ul,li,figure,figcaption,blockquote,dl,dd,pre{margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{min-height:100vh;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,picture,video,canvas,svg{display:block;max-width:100%;height:auto}input,button,textarea,select{font:inherit}ul,ol{list-style:none}a{text-decoration:none;color:inherit}table{border-collapse:collapse;border-spacing:0}button{background:none;border:none;cursor:pointer;padding:0}:root{--color-primary:#1e3b2c;--color-primary-light:#50734b;--color-primary-dark:#0f241a;--color-secondary:#50734b;--color-secondary-light:#96ad66;--color-secondary-dark:#1e3b2c;--color-accent:#f0e583;--color-accent-light:#faf5c0;--color-accent-dark:#c4b730;--color-bg-light:#ffffff;--color-bg-dark:#dce8d0;--color-text-primary:#1e2a24;--color-text-secondary:#5a5a4a;--color-border:#ddd2bd;--overlay-dark:rgba(15,36,26,0.9);--overlay-medium:rgba(30,59,44,0.85);--color-white-90:rgba(255,255,255,0.9);--color-white-80:rgba(255,255,255,0.8);--color-white-70:rgba(255,255,255,0.7);--color-white-20:rgba(255,255,255,0.2);--color-focus-ring:rgba(30,59,44,0.15);--color-success:#2c6e3c;--color-warning:#d4af37;--color-error:#b5653b;--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--font-body:'Roboto',sans-serif;--font-heading:'Merriweather',serif;--font-accent:'Poppins',sans-serif;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.5rem;--font-size-2xl:2rem;--font-size-3xl:2.5rem;--font-weight-light:300;--font-weight-normal:400;--font-weight-semi-bold:600;--font-weight-bold:700;--shadow-sm:0 1px 2px rgba(0,0,0,0.05);--shadow-md:0 4px 6px rgba(0,0,0,0.1);--shadow-lg:0 10px 15px rgba(0,0,0,0.2);--shadow-xl:0 20px 25px rgba(0,0,0,0.3);--transition-fast:150ms ease-in-out;--transition-normal:300ms ease-in-out;--transition-slow:500ms ease-in-out;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px}.container{max-width:1100px;margin:0 auto;padding:0 var(--space-md)}.section{padding:var(--space-3xl) 0}.btn{display:inline-block;padding:var(--space-sm) var(--space-lg);font-family:var(--font-accent);font-size:var(--font-size-base);font-weight:var(--font-weight-semi-bold);text-align:center;text-decoration:none;border:2px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);line-height:1.5}.btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn:active{transform:translateY(0)}.btn-primary{background-color:var(--color-primary);color:var(--color-bg-light);border-color:var(--color-primary)}.btn-primary:hover{background-color:var(--color-primary-dark);border-color:var(--color-primary-dark);color:var(--color-bg-light);text-decoration:none}.btn-secondary{background-color:var(--color-secondary);color:var(--color-bg-light);border-color:var(--color-secondary)}.btn-secondary:hover{background-color:var(--color-secondary-dark);border-color:var(--color-secondary-dark);color:var(--color-bg-light);text-decoration:none}.btn-gold{background-color:var(--color-accent-dark);color:var(--color-primary-dark);border-color:var(--color-accent-dark)}.btn-gold:hover{background-color:var(--color-accent-light);border-color:var(--color-accent-light);color:var(--color-primary-dark);text-decoration:none}.btn-white{background-color:var(--color-bg-light);color:var(--color-primary);border-color:var(--color-bg-light)}.btn-white:hover{background-color:var(--color-primary-light);border-color:var(--color-primary-light);color:var(--color-primary-dark);text-decoration:none}.btn-outline{background-color:transparent;color:var(--color-primary);border-color:var(--color-primary)}.btn-outline:hover{background-color:var(--color-primary);color:var(--color-bg-light);text-decoration:none}.btn-sm{padding:var(--space-xs) var(--space-md);font-size:var(--font-size-sm)}.btn-md{padding:var(--space-sm) var(--space-lg);font-size:var(--font-size-base)}.btn-lg{padding:var(--space-md) var(--space-xl);font-size:var(--font-size-lg)}.card{background-color:var(--color-bg-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.card:hover{transform:translateY(-4px);box-shadow:0 8px 20px rgba(30,59,44,0.15)}.card-image{width:100%;aspect-ratio:16 / 10;object-fit:cover}.card-content{padding:var(--space-lg)}.card-content h3{margin-bottom:var(--space-sm)}.card-content p{color:var(--color-text-secondary);margin-bottom:var(--space-md)}.grid{display:grid;gap:var(--space-xl)}.grid-2{grid-template-columns:1fr}.grid-3{grid-template-columns:1fr}.grid-4{grid-template-columns:1fr}@media (min-width:576px){.grid-2{grid-template-columns:repeat(2,1fr)}.grid-4{grid-template-columns:repeat(2,1fr)}}@media (min-width:768px){.grid-3{grid-template-columns:repeat(3,1fr)}}@media (min-width:992px){.grid-4{grid-template-columns:repeat(4,1fr)}}.bg-dark{background-color:var(--color-primary);color:var(--color-bg-light)}.bg-light{background-color:var(--color-bg-dark)}.bg-white{background-color:var(--color-bg-light)}.bg-gold{background-color:var(--color-accent);color:var(--color-primary)}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mt-xl{margin-top:var(--space-xl)}.mt-2xl{margin-top:var(--space-2xl)}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.mb-xl{margin-bottom:var(--space-xl)}.mb-2xl{margin-bottom:var(--space-2xl)}.pt-sm{padding-top:var(--space-sm)}.pt-md{padding-top:var(--space-md)}.pt-lg{padding-top:var(--space-lg)}.pt-xl{padding-top:var(--space-xl)}.pt-2xl{padding-top:var(--space-2xl)}.pb-sm{padding-bottom:var(--space-sm)}.pb-md{padding-bottom:var(--space-md)}.pb-lg{padding-bottom:var(--space-lg)}.pb-xl{padding-bottom:var(--space-xl)}.pb-2xl{padding-bottom:var(--space-2xl)}.navbar{background-color:var(--color-primary);border-bottom:1px solid var(--color-white-20);position:sticky;top:0;z-index:1000}.nav-inner{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);max-width:1400px;margin:0 auto}.business-name{flex-shrink:0}.nav-logo{text-decoration:none;display:flex;flex-direction:column;transition:opacity var(--transition-fast)}.nav-logo:hover{opacity:0.85;text-decoration:none}.logo-text{font-family:var(--font-heading);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-bg-light);line-height:1.1;letter-spacing:1px;text-transform:uppercase}.logo-tagline{font-family:var(--font-accent);font-size:var(--font-size-xs);color:var(--color-accent);letter-spacing:2px;text-transform:uppercase;font-weight:var(--font-weight-light);margin-top:var(--space-xs)}.nav-toggle{display:block;background:none;border:1px solid var(--color-white-20);border-radius:var(--radius-sm);font-size:var(--font-size-xl);color:var(--color-accent);cursor:pointer;padding:var(--space-xs) var(--space-sm);transition:all var(--transition-fast)}.nav-toggle:hover{border-color:var(--color-accent);color:var(--color-bg-light);background-color:var(--color-white-20)}.nav-menu{display:none;flex-direction:column;position:absolute;top:80px;left:var(--space-md);right:var(--space-md);background-color:var(--color-primary-dark);padding:var(--space-lg);box-shadow:var(--shadow-lg);border-radius:var(--radius-md);z-index:1000;border:1px solid var(--color-white-20)}.nav-menu.active{display:flex}.nav-link{font-family:var(--font-body);font-size:var(--font-size-base);color:var(--color-bg-light);text-decoration:none;padding:var(--space-sm) var(--space-md);transition:all var(--transition-fast);border-radius:var(--radius-sm);position:relative}.nav-link:hover{text-decoration:none;color:var(--color-accent);background-color:var(--color-white-20)}.nav-link.active{color:var(--color-accent);font-weight:var(--font-weight-semi-bold);border-left:3px solid var(--color-accent);background-color:var(--color-white-20)}.nav-portal{color:var(--color-accent);font-weight:var(--font-weight-semi-bold);border:1px solid var(--color-accent);background-color:transparent;margin-top:var(--space-sm);text-align:center;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md)}.nav-portal:hover{background-color:var(--color-accent);color:var(--color-primary);border-color:var(--color-accent);text-decoration:none}@media (min-width:768px){.nav-toggle{display:none}.nav-menu{display:flex;flex-direction:row;position:static;background:none;padding:0;box-shadow:none;gap:var(--space-sm);border:none;left:auto;right:auto}.nav-link{padding:var(--space-sm) var(--space-md)}.nav-link:hover{background-color:var(--color-white-20);color:var(--color-accent);transform:translateY(-1px)}.nav-link.active{border-left:none;border-bottom:2px solid var(--color-accent);padding-bottom:calc(var(--space-sm) - 2px);background-color:transparent}.nav-portal{margin-top:0;margin-left:var(--space-md)}.nav-portal:hover{background-color:var(--color-accent);color:var(--color-primary);transform:translateY(-1px)}.logo-text{font-size:var(--font-size-xl)}}@media (min-width:1024px){.nav-inner{padding:var(--space-lg) var(--space-3xl)}.logo-text{font-size:var(--font-size-2xl);letter-spacing:2px}.logo-tagline{font-size:var(--font-size-sm);letter-spacing:3px}.nav-menu{gap:var(--space-lg)}.nav-link{font-size:var(--font-size-lg);padding:var(--space-sm) var(--space-lg)}.nav-link:hover{background-color:var(--color-white-20);color:var(--color-accent)}}@media (min-width:1440px){.nav-inner{max-width:1600px}}.hero{display:flex;align-items:center;justify-content:center;padding:var(--space-3xl) var(--space-md);text-align:center;color:var(--color-bg-light);background-color:var(--color-primary);background-size:cover;background-position:center center;min-height:500px}.hero-splash{background-image:linear-gradient(180deg,var(--overlay-medium),var(--overlay-dark)),url('/imgs/mga water view 2.jpg')}.hero .container{max-width:1100px;width:100%}.hero-title{font-family:var(--font-heading);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin:0 0 var(--space-md) 0;color:var(--color-bg-light)}.hero-subtitle{font-size:var(--font-size-base);color:var(--color-white-90);margin:0 0 var(--space-lg) 0;max-width:600px}.hero-cta{display:inline-flex;gap:var(--space-sm);flex-wrap:wrap;justify-content:center}.hero-cta .btn{min-width:160px}@media (min-width:768px){.hero{padding:var(--space-3xl) var(--space-lg);min-height:800px}.hero-title{font-size:var(--font-size-3xl)}.hero-subtitle{font-size:var(--font-size-lg);margin-left:auto;margin-right:auto}}.footer{background:linear-gradient(to bottom,var(--color-primary) 0%,var(--color-primary-dark) 100%);border-top:3px solid var(--color-accent);color:var(--color-bg-light);padding:var(--space-3xl) var(--space-lg)}.footer-container{max-width:1100px;margin:0 auto}.footer-grid{display:grid;grid-template-columns:1fr;gap:var(--space-2xl);margin-bottom:var(--space-2xl)}@media (min-width:768px){.footer-grid{grid-template-columns:repeat(3,1fr)}}.footer-title{font-family:var(--font-heading);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin-bottom:var(--space-lg);color:var(--color-accent)}.footer-text{font-size:var(--font-size-base);line-height:1.7;color:var(--color-white-80);margin-bottom:var(--space-md)}.footer-text a{color:var(--color-accent);text-decoration:none;transition:color var(--transition-fast)}.footer-text a:hover{color:var(--color-accent-light);text-decoration:underline}.footer-links{list-style:none;padding:0}.footer-links li{margin-bottom:var(--space-sm)}.footer-links a{color:var(--color-white-80);text-decoration:none;font-size:var(--font-size-base);transition:color var(--transition-fast)}.footer-links a:hover{color:var(--color-accent);text-decoration:underline}.footer-bottom{border-top:1px solid var(--color-white-20);padding-top:var(--space-xl);text-align:center}.footer-bottom p{font-size:var(--font-size-sm);color:var(--color-white-70);margin-bottom:var(--space-sm)}.footer-bottom a{color:var(--color-accent);text-decoration:none}.footer-bottom a:hover{color:var(--color-accent-light);text-decoration:underline}.footer-credit{margin-top:var(--space-md);font-style:italic}@media (max-width:767px){.footer{padding:var(--space-2xl) var(--space-md)}}body{font-family:var(--font-body);font-size:var(--font-size-base);line-height:1.6;color:var(--color-text-primary);background-color:var(--color-bg-light)}main{min-height:50vh}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:var(--font-weight-bold);line-height:1.3;color:var(--color-primary)}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl);margin-bottom:var(--space-lg);padding-bottom:var(--space-sm);border-bottom:2px solid var(--color-accent);display:inline-block}h3{font-size:var(--font-size-xl);margin-bottom:var(--space-md)}h4{font-size:var(--font-size-lg);margin-bottom:var(--space-sm)}p{color:var(--color-text-primary);margin-bottom:var(--space-md)}strong{font-weight:var(--font-weight-bold)}em{font-style:italic}small{font-size:var(--font-size-sm)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-secondary);text-decoration:underline}img{max-width:100%;height:auto;display:block}form{margin-bottom:var(--space-xl)}label{display:block;font-weight:var(--font-weight-semi-bold);margin-bottom:var(--space-sm);color:var(--color-text-primary)}input[type="text"],input[type="email"],input[type="tel"],input[type="date"],textarea,select{width:100%;padding:var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-base);font-family:inherit;margin-bottom:var(--space-md);transition:border-color var(--transition-fast);background-color:var(--color-bg-light);color:var(--color-text-primary)}input[type="text"]:focus,input[type="email"]:focus,input[type="tel"]:focus,input[type="date"]:focus,textarea:focus,select:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px rgba(240,229,131,0.25)}textarea{resize:vertical;min-height:120px}section{padding:var(--space-3xl) 0}hr{border:none;border-top:2px solid var(--color-accent);margin:var(--space-2xl) 0;opacity:0.4}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media print{body{background:white;color:black}a{text-decoration:underline}.no-print{display:none}}