/* Adslify Agency — legal & contact pages */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
:root{
  --primary:#1877F2;
  --primary-grad:linear-gradient(135deg,#1877F2 0%,#0A66C2 100%);
  --bg:#FFFFFF;
  --bg2:#F5F7FA;
  --text:#1C1E21;
  --muted:#65676B;
}
body{font-family:'Inter',sans-serif;background:var(--bg);color:var(--text);line-height:1.65;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.top{
  border-bottom:2px solid var(--primary);
  padding:16px 20px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:12px;
  background:rgba(255,255,255,.95);
  position:sticky;
  top:0;
  z-index:10;
  box-shadow:0 2px 8px rgba(24,119,242,.08);
}
.back{color:var(--muted);font-size:.88rem;text-decoration:none;transition:color .2s;}
.back:hover{color:var(--primary);}
.logo{font-family:'Poppins',sans-serif;font-weight:900;font-size:1.15rem;color:var(--text);}
.logo span{color:var(--primary);}
main{max-width:720px;margin:0 auto;padding:40px 20px 80px;}
h1{font-family:'Poppins',sans-serif;font-size:clamp(1.5rem,4vw,2rem);font-weight:800;margin-bottom:8px;color:var(--text);}
.updated{color:var(--muted);font-size:.85rem;margin-bottom:28px;}
h2{font-size:1.05rem;font-weight:700;margin:28px 0 10px;color:var(--primary);}
p,ul{margin-bottom:14px;color:var(--text);font-size:.95rem;}
ul{padding-left:1.25rem;}
li{margin-bottom:8px;}
a{color:var(--primary);text-decoration:none;transition:color .2s;}
a:hover{color:#0A66C2;}
footer{
  text-align:center;
  padding:32px 20px;
  color:var(--muted);
  font-size:.8rem;
  border-top:2px solid var(--primary);
  background:var(--bg2);
}
footer a{
  color:var(--muted);
  text-decoration:none;
  transition:color .2s;
  white-space:nowrap;
  display:inline-block;
}
footer a:hover{color:var(--primary);}
@media (max-width: 768px) {
  footer {
    padding: 24px 16px;
    font-size: 0.75rem;
  }
  footer a {
    font-size: 0.75rem;
  }
}
@media (max-width: 480px) {
  footer {
    padding: 20px 12px;
    font-size: 0.7rem;
  }
  footer a {
    font-size: 0.7rem;
    margin: 0 2px;
  }
  .top {
    padding: 12px 16px;
    gap: 6px;
  }
  .back {
    font-size: 0.75rem;
  }
  main {
    padding: 32px 16px 60px;
  }
}
.callout{
  background:rgba(24,119,242,.08);
  border:2px solid var(--primary);
  border-radius:8px;
  padding:18px 20px;
  margin:20px 0;
  font-size:.95rem;
  color:var(--text);
}
/* Contact layout */
body.page-contact main{
  max-width:560px;
  text-align:center;
  padding-top:48px;
}
.page-contact h1{margin-bottom:10px;}
.sub{color:var(--muted);font-size:.95rem;margin-bottom:36px;}
.cards{display:flex;flex-direction:column;gap:14px;text-align:left;}
.card{
  background:rgba(24,119,242,.04);
  border:2px solid var(--primary);
  border-radius:8px;
  padding:22px 20px;
  transition:border-color .2s,box-shadow .2s;
}
.card:hover{border-color:var(--primary);box-shadow:0 4px 16px rgba(24,119,242,.12);}
.card h2{
  font-size:.72rem;
  text-transform:uppercase;
  letter-spacing:1.5px;
  color:var(--primary);
  margin:0 0 8px;
  font-weight:700;
}
.card a{
  color:var(--text);
  font-size:1.05rem;
  font-weight:600;
  text-decoration:none;
  display:inline-flex;
  align-items:center;
  gap:8px;
  transition:color .2s;
}
.card a:hover{color:var(--primary);}
.card p{color:var(--muted);font-size:.88rem;margin-top:6px;margin-bottom:0;}
.btn-cta{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-top:32px;
  background:var(--primary-grad);
  color:#fff;
  font-weight:800;
  padding:14px 28px;
  border-radius:8px;
  text-decoration:none;
  font-size:.95rem;
  transition:box-shadow .2s;
}
.btn-cta:hover{box-shadow:0 4px 20px rgba(24,119,242,.3);}
