.site-srOnly { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.site-header { position:sticky; top:0; left:0; right:0; width:100%; z-index:60; color:#f5efe5; border-bottom:1px solid rgba(245,239,229,0.1); font-family: system-ui, -apple-system, sans-serif; font-stretch: condensed; }
.water-bg { background: linear-gradient(270deg, #0f766e, #1d6b62, #0d6861); background-size: 200% 200%; animation: waterFlow 8s ease infinite; }
@keyframes waterFlow { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } }
.rain-overlay { position:absolute; inset:0; pointer-events:none; overflow:hidden; z-index:0; }
.rain-overlay::before, .rain-overlay::after, .rain-overlay i { content:''; position:absolute; top:-20px; width:1px; height:20px; background:rgba(245,239,229,0.3); animation:rainDrop 1.2s infinite linear; }
.rain-overlay::before { left:15%; animation-delay:0.1s; }
.rain-overlay::after { left:85%; animation-delay:0.6s; }
.rain-overlay i { left:50%; animation-delay:0.4s; }
@keyframes rainDrop { 0% { transform:translateY(0) scaleY(1); opacity:0; } 50% { opacity:0.5; } 100% { transform:translateY(120px) scaleY(1.5); opacity:0; } }
.site-header__top { background:rgba(23,32,51,0.4); padding:4px 24px; font-size:12px; text-align:center; letter-spacing:0.05em; text-transform:uppercase; position:relative; z-index:1; }
.site-header__guide-text { opacity:0.8; font-weight:600; color:#f5efe5; }
.site-header__inner { max-width:1260px; margin:0 auto; padding:12px 24px; display:flex; align-items:center; justify-content:space-between; gap:20px; position:relative; z-index:1; }
.site-brand { display:inline-flex; align-items:center; gap:12px; text-decoration:none; color:inherit; font-weight:800; font-size:20px; text-transform:uppercase; letter-spacing:0.02em; }
.site-brand svg { width:32px; height:32px; fill:currentColor; color:#40e0d0; }
.site-nav { display:flex; align-items:center; gap:24px; }
.site-nav__link { text-decoration:none; color:inherit; opacity:0.85; font-size:14px; font-weight:700; text-transform:uppercase; letter-spacing:0.05em; transition:opacity 0.2s, color 0.2s; }
.site-nav__link:hover { opacity:1; color:#d97706; }
.site-burger { display:none; flex-direction:column; justify-content:center; gap:5px; width:40px; height:40px; border:none; background:transparent; color:inherit; cursor:pointer; }
.site-burger__line { display:block; width:24px; height:2px; background:currentColor; transition:transform 0.2s; margin:0 auto; }
.site-mobileNav { position:fixed; inset:0; z-index:70; font-family: system-ui, -apple-system, sans-serif; font-stretch: condensed; }
.site-mobileNav[hidden] { display:none; }
.site-mobileNav__panel { position:relative; z-index:1; width:100%; height:100%; display:flex; flex-direction:column; padding:24px; color:#f5efe5; }
.site-mobileNav__top { display:flex; align-items:center; justify-content:space-between; margin-bottom:40px; }
.site-mobileNav__brand { font-weight:800; font-size:20px; text-transform:uppercase; letter-spacing:0.02em; }
.site-mobileNav__close { width:40px; height:40px; border:none; background:transparent; color:inherit; font-size:32px; line-height:1; cursor:pointer; }
.site-mobileNav__links { display:flex; flex-direction:column; gap:24px; flex-grow:1; justify-content:center; }
.site-mobileNav__link { color:inherit; text-decoration:none; font-size:24px; font-weight:700; text-transform:uppercase; letter-spacing:0.05em; opacity:0.9; }
.site-mobileNav__link:hover { color:#d97706; }
.site-mobileNav__utility { margin-top:auto; padding-top:24px; border-top:1px solid rgba(245,239,229,0.1); display:flex; flex-direction:column; gap:12px; }
.site-mobileNav__utility-link { color:inherit; text-decoration:none; opacity:0.7; font-size:14px; }
.site-footer { background:#172033; color:#f5efe5; padding:60px 24px 24px; font-size:15px; font-family: system-ui, -apple-system, sans-serif; font-stretch: condensed; }
.site-footer__inner { max-width:1260px; margin:0 auto; display:flex; flex-direction:column; gap:40px; }
.site-footer__main { max-width:400px; }
.site-footer__brand { display:block; font-size:24px; font-weight:800; text-transform:uppercase; letter-spacing:0.02em; margin-bottom:16px; color:#1d6b62; }
.site-footer__summary { margin:0; opacity:0.7; line-height:1.6; }
.site-footer__grid { display:grid; grid-template-columns:repeat(auto-fit, minmax(200px, 1fr)); gap:40px; }
.site-footer__heading { font-size:12px; text-transform:uppercase; letter-spacing:0.1em; opacity:0.5; margin:0 0 20px; font-weight:700; }
.site-footer__links, .site-footer__contact { display:flex; flex-direction:column; gap:12px; }
.site-footer__link, .site-footer__contactLink { color:inherit; text-decoration:none; opacity:0.8; transition:opacity 0.2s; }
.site-footer__link:hover, .site-footer__contactLink:hover { opacity:1; color:#d97706; }
.site-footer__bottom { max-width:1260px; margin:60px auto 0; padding-top:24px; border-top:1px solid rgba(245,239,229,0.1); display:flex; flex-direction:column; gap:16px; align-items:center; opacity:0.6; font-size:13px; }
.site-footer__legal { display:flex; gap:24px; flex-wrap:wrap; justify-content:center; }
.site-footer__legalLink { color:inherit; text-decoration:none; }
.site-footer__legalLink:hover { text-decoration:underline; }
@media (min-width: 768px) {
  .site-footer__inner { flex-direction:row; justify-content:space-between; }
  .site-footer__grid { flex-grow:1; max-width:600px; }
  .site-footer__bottom { flex-direction:row; justify-content:space-between; }
}
@media (max-width: 900px) {
  .site-nav--desktop { display:none; }
  .site-burger { display:flex; }
}
[data-mobile-nav][hidden],[data-mobile-nav].hidden{display:none}
[data-mobile-nav][data-mobile-open="1"]{display:block}