/* Footer with brand badge + three cards */
.site-footer{background:#0f1316; position:relative; padding:56px 20px 28px; color:#cfd8e3}
.footer-wrap{max-width:1100px; margin:0 auto}
.footer-grid{display:grid; grid-template-columns:220px 1fr; gap:28px; align-items:start}
@media (max-width: 880px){ .footer-grid{grid-template-columns:1fr} }

.footer-brand{display:flex; justify-content:center; align-items:center}
.footer-brand img{width:160px; height:160px; object-fit:contain; filter:drop-shadow(0 4px 18px rgba(0,0,0,.45))}
@media (max-width: 480px){ .footer-brand img{width:130px; height:130px} }

.footer-cards{display:grid; grid-template-columns:repeat(3,1fr); gap:22px}
@media (max-width: 960px){ .footer-cards{grid-template-columns:1fr 1fr} }
@media (max-width: 620px){ .footer-cards{grid-template-columns:1fr} }

.foot-card{background:rgba(18,22,26,.8); backdrop-filter:saturate(130%) blur(8px);
  border:1px solid rgba(255,255,255,.06); border-radius:16px; padding:18px 18px 20px;
  box-shadow:0 12px 36px rgba(0,0,0,.35)}
.foot-title{color:#eef4f8; font-weight:800; letter-spacing:.3px; font-size:15px; margin:0 0 12px; position:relative}
.foot-title::after{content:""; position:absolute; left:0; bottom:-6px; width:60px; height:3px; border-radius:3px; background:#1fd0c1}

.foot-text{margin:10px 0 0; line-height:1.85; color:#cdd6e1}
.foot-text a{color:#aee9e2; text-decoration:none}
.foot-text a:hover{text-decoration:underline}

.footer-meta{margin-top:28px; color:#99a5b1; font-size:13px; text-align:center; border-top:1px solid rgba(255,255,255,.06); padding-top:18px}

/* Floating Facebook button */
.fb-float{position:fixed; right:18px; top:40vh; z-index:9999; display:inline-flex; align-items:center; justify-content:center;
  width:52px; height:52px; background:#1877F2; color:#fff; border-radius:50%; box-shadow:0 10px 28px rgba(24,119,242,.45);
  text-decoration:none; transition:transform .12s ease, box-shadow .2s ease, filter .2s ease}
.fb-float:hover{transform:translateY(-2px); box-shadow:0 16px 38px rgba(24,119,242,.6); filter:saturate(110%)}
.fb-float svg{width:26px; height:26px; display:block; fill:currentColor}
@media (max-width: 520px){ .fb-float{right:12px; width:46px; height:46px} .fb-float svg{width:22px; height:22px} }