:root{--color-primary:#2B9BA6;--color-primary-dark:#1E5F66;--color-bg:#F8FAFC;--color-text:#1F2937}
*{box-sizing:border-box}
body{margin:0;font-family:"Open Sans","Segoe UI",system-ui,sans-serif;color:var(--color-text);background:var(--color-bg)}
a{color:inherit}
.container{width:100%;max-width:1100px;margin:0 auto;padding:0 1.5rem}
.main-area{padding:0 0 3rem;min-height:62vh}
.hero{text-align:center;padding:4rem 0 2rem}
.hero h1{font-family:"Nunito","Segoe UI",sans-serif;font-size:clamp(2.2rem,6vw,3.4rem);margin:0 0 .6rem;color:#111}
.hero p{color:#334155;max-width:38rem;margin:0 auto}
.hero-cta{margin-top:1.4rem}
.btn{display:inline-block;background:var(--color-primary);color:#fff;padding:.7rem 1.3rem;border-radius:.75rem;text-decoration:none;font-weight:600}
.card-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem;margin:1.5rem 0 2.5rem}
.home-card{background:#fff;border-radius:16px;padding:2rem 1.5rem;text-align:center;text-decoration:none;box-shadow:0 8px 24px rgba(20,40,50,.06)}
.home-card .icon{width:56px;height:56px;margin:0 auto 1rem;border-radius:50%;background:#d7eeee;color:var(--color-primary);display:grid;place-items:center;font-size:1.5rem}
.home-card h3{margin:0 0 .5rem;color:#111}
.home-card p{margin:0;color:#334155;font-size:.95rem}
.app-footer{background:var(--color-primary);color:#e8f6f6;padding:1.6rem 0;font-size:.88rem}
.app-footer a{color:#fff;text-decoration:none}
.legal{opacity:.9}