:root{--blue:#073a82;--navy:#09284f;--red:#c91b39;--ink:#16304e;--muted:#5f7389;--border:#dce5ef;--bg:#f5f8fc}
body{font-family:Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;letter-spacing:0}
.section-head h2,.category h3,.tech h3,.hero h1{font-family:Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif}
.categories{grid-template-columns:1fr!important;gap:28px!important}
.category{padding:26px 28px!important;border-radius:20px!important;box-shadow:0 12px 30px rgba(16,46,85,.08)!important}
.category-heading{align-items:flex-start!important;margin-bottom:22px!important}
.category-heading > div{flex:1}
.category-num{width:46px!important;height:46px!important;border-radius:12px!important;background:#edf3fb!important;color:var(--blue)!important;box-shadow:inset 0 0 0 1px rgba(7,58,130,.06)}
.category h3{font-size:clamp(22px,2.2vw,28px)!important;margin:0 0 10px!important}
.category p{font-size:15px!important;line-height:1.75!important;color:var(--muted)!important}
.photos{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important;margin-top:10px!important}
.photo{aspect-ratio:5/4!important;border-radius:14px!important;background:#eef3f8!important;box-shadow:0 6px 20px rgba(16,46,85,.08)!important;position:relative}
.photo img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;background:#eaf1f8!important}
.photo:hover img{transform:scale(1.03)!important}
.photo::after{content:"";position:absolute;inset:0;border-radius:14px;box-shadow:inset 0 0 0 1px rgba(7,58,130,.08);pointer-events:none}
.quote{margin-top:18px!important;font-size:14px!important;padding:12px 18px!important;border-radius:10px!important}
.foot-grid{grid-template-columns:1.35fr 1fr 1fr 1fr!important;align-items:flex-start}
.foot-grid>div{gap:12px!important}
.social-links{display:flex;flex-wrap:wrap;gap:10px}
.social-chip{display:inline-flex;align-items:center;gap:10px;padding:10px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.05);color:#eef5ff;font-size:13px;font-weight:700}
.social-chip:hover{background:rgba(255,255,255,.1);text-decoration:none!important}
.social-mark{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;color:#fff;flex:none}
.social-mark svg{width:13px;height:13px;display:block;fill:currentColor}
.social-chip.facebook .social-mark{background:#1877f2}
.social-chip.instagram .social-mark{background:linear-gradient(135deg,#f58529 0%,#dd2a7b 45%,#8134af 72%,#515bd4 100%)}
.social-chip.tiktok .social-mark{background:#111827}
.social-chip.maps .social-mark{background:#0f9d58}
.copyright{padding-top:18px!important}
@media(max-width:1120px){.photos{grid-template-columns:repeat(3,minmax(0,1fr))!important}.foot-grid{grid-template-columns:1fr 1fr!important}}
@media(max-width:760px){.category{padding:20px!important}.photos{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.foot-grid{grid-template-columns:1fr!important}}
@media(max-width:460px){.container{width:calc(100% - 24px)!important}.category{padding:16px!important}.category h3{font-size:20px!important}.category p{font-size:14px!important}.photos{grid-template-columns:1fr!important}.photo{aspect-ratio:4/3!important}}