:root{--brand:#ff33aa;--ink:#222;--muted:#5f6773;--bg:#f7f8fb;--card:#fff;--shadow:0 10px 28px rgba(0,0,0,.07)}
*{box-sizing:border-box} html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--ink);background:var(--bg);line-height:1.55}
.container{max-width:1100px;margin:0 auto;padding:0 1.25rem}.center{text-align:center}
.topbar{position:sticky;top:0;z-index:1000;background:rgba(20,22,28,.9);backdrop-filter:blur(8px);border-bottom:1px solid rgba(255,255,255,.08)}
.topbar-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:78px}
.brand{text-decoration:none;display:inline-flex;align-items:center}.brand-logo{height:58px;width:auto;display:block}
.topnav{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:.45rem}
.topnav a{color:#fff;text-decoration:none;font-weight:600;padding:.55rem .85rem;border-radius:8px}
.topnav a:hover{background:rgba(255,255,255,.1)} .topnav a[aria-current="page"]{background:rgba(255,255,255,.14);outline:1px solid rgba(255,255,255,.2)}
.hero{position:relative;color:#fff;text-align:center;padding:4.5rem 0 2.25rem;overflow:hidden}
.hero-bg{position:absolute;inset:0;background:linear-gradient(rgba(0,0,0,.30),rgba(0,0,0,.38)), var(--hero-image) center/cover no-repeat;z-index:-1}
.hero h1{margin:.25rem 0 .8rem;font-size:clamp(2rem,4vw,3rem);line-height:1.1;text-shadow:0 2px 8px rgba(0,0,0,.25)}
.hero p{margin:0 auto 1.2rem;max-width:760px;font-size:clamp(1rem,2vw,1.15rem);text-shadow:0 1px 6px rgba(0,0,0,.25)}
.btn{display:inline-block;background:var(--brand);color:#fff;text-decoration:none;font-weight:700;border-radius:8px;padding:.8rem 1.35rem;box-shadow:0 6px 16px rgba(255,51,170,.25)}
.section{padding:3.2rem 0}.section h2{font-size:1.9rem;margin:.1rem 0 1rem}.lead{max-width:820px;color:var(--muted)}
.cards{display:grid;gap:1.25rem;grid-template-columns:repeat(2,minmax(0,1fr))} @media (max-width:860px){.cards{grid-template-columns:1fr}}
.card{background:var(--card);border-radius:14px;box-shadow:var(--shadow);padding:1rem;transition:transform .2s ease, box-shadow .2s ease}
.card:hover{transform:translateY(-4px);box-shadow:0 12px 24px rgba(0,0,0,.10)}
.card img{width:100%;height:220px;border-radius:10px;margin-bottom:.85rem;background:#fff}.img-cover{object-fit:cover}.img-contain{object-fit:contain;padding:.4rem}
.quote{background:#fff;border-left:4px solid var(--brand);padding:1rem 1rem 1rem 1.1rem;border-radius:10px;box-shadow:var(--shadow);max-width:850px}.quote footer{margin-top:.6rem;color:var(--muted);font-weight:600}
.feed-list{display:grid;gap:1rem}.feed-item{background:#fff;border-radius:12px;box-shadow:var(--shadow);padding:1rem}
.feed-item h3{margin:.1rem 0 .45rem;font-size:1.05rem}.feed-item h3 a{text-decoration:none;color:#0a6ad8}.feed-item p{margin:0;color:var(--muted)}
.logo-strip{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:2rem;background:#fff;border-radius:14px;box-shadow:var(--shadow);padding:1.25rem}
.logo-strip img{max-height:58px;width:auto;object-fit:contain}
.contact-wrap{background:#fff;border-radius:14px;box-shadow:var(--shadow);padding:1.25rem;max-width:760px}
.contact-form input,.contact-form textarea{width:100%;border:1px solid #d6dbe5;border-radius:8px;padding:.8rem .9rem;margin-bottom:.9rem;font:inherit}.contact-form textarea{resize:vertical}
.bullets,.callout{background:#fff;border-radius:14px;box-shadow:var(--shadow);padding:1rem 1.2rem}.bullets li{margin:.45rem 0}
.badge{display:inline-block;background:#ffe5f5;color:#b30074;padding:.25rem .55rem;border-radius:999px;font-size:.82rem;font-weight:700;margin:.2rem .35rem .2rem 0}
.site-footer{background:#1f2430;color:#fff;margin-top:2rem;padding:1.4rem 0;text-align:center}.small{font-size:.95rem;opacity:.95}
.fade-in{opacity:0;transform:translateY(14px);transition:all .55s ease}.fade-in.visible{opacity:1;transform:none}
@media (max-width:900px){.topbar-inner{flex-direction:column;align-items:center;justify-content:center;min-height:auto;padding:.55rem 0 .7rem}.brand-logo{height:68px}.topnav{justify-content:center;gap:.35rem}.topnav a{font-size:.95rem;padding:.45rem .7rem}.hero{padding-top:3.3rem}}