:root{
  --bg-1: #0f172a;
  --bg-2: #1f2937;
  --accent: #ff7a59;
  --muted: #dbeafe;
}
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family:Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
  background: linear-gradient(180deg,var(--bg-1),var(--bg-2));
  display:flex;
  align-items:center;
  justify-content:center;
  padding:32px;
  color:var(--muted);
}
.wrap{width:100%;max-width:900px}
.card{
  background: linear-gradient(180deg, rgba(255,255,255,0.03), rgba(255,255,255,0.01));
  border-radius:18px;
  padding:32px;
  text-align:center;
  box-shadow: 0 8px 30px rgba(2,6,23,0.6), inset 0 1px 0 rgba(255,255,255,0.02);
  backdrop-filter: blur(6px);
}
.logo-wrap{display:flex;justify-content:center}
.logo-img{width:120px;height:120px;border-radius:50%;border:4px solid rgba(255,255,255,0.08);box-shadow:0 6px 18px rgba(0,0,0,0.6);background:linear-gradient(135deg,var(--accent),#ffd166)}
.brand{margin:18px 0 8px;font-size:28px;letter-spacing:1px}
.tag{margin:0 0 22px;color:rgba(219,234,254,0.9)}
.links{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:18px}
.btn{display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border-radius:12px;background:rgba(255,255,255,0.03);color:var(--muted);text-decoration:none;border:1px solid rgba(255,255,255,0.04);transition:transform .14s ease,box-shadow .14s ease}
.btn i{width:18px;text-align:center}
.btn:hover{transform:translateY(-4px);box-shadow:0 8px 20px rgba(0,0,0,0.45)}
.btn.map{background:linear-gradient(90deg,#f97316,#fb923c);color:white;border:0}
.btn.map i{color:rgba(255,255,255,0.95)}
.social-icons{display:flex;gap:12px;justify-content:center;margin:12px 0}
.social-icons a{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,0.03);color:var(--muted);text-decoration:none;border:1px solid rgba(255,255,255,0.04);transition:transform .14s ease}
.social-icons a:hover{transform:translateY(-6px);box-shadow:0 10px 24px rgba(0,0,0,0.6)}
.social-icons .fa-facebook-f{color:#1877f2}
.social-icons .fa-instagram{color:#e1306c}
.social-icons .fa-tiktok{color:#000}
.social-icons .fa-video{color:#ea4335}
.social-icons .fa-map-pin{color:#f97316}
.credit{margin-top:16px;font-size:14px}
.credit a{color:rgba(255,255,255,0.85);text-decoration:none;border-bottom:1px dashed rgba(255,255,255,0.06);padding-bottom:2px}

@media (max-width:600px){
  .logo-img{width:100px;height:100px}
  .brand{font-size:22px}
  .btn{padding:10px}
}