/* ═══════════════════════════════════════════
   PERVEZ IQBAL PORTFOLIO
   Font: Ubuntu (clean, digital, readable)
   Icons: Font Awesome 6
═══════════════════════════════════════════ */
:root {
  --bg:      #0c1220;
  --bg2:     #101828;
  --bg3:     #151f30;
  --teal:    #38bfb0;
  --teal2:   #2da89a;
  --text:    #e2e8f0;
  --text2:   #94a3b8;
  --text3:   #64748b;
  --border:  rgba(56,191,176,.18);
  --border2: rgba(255,255,255,.07);
  --card:    #111827;
  --ff:      'Ubuntu', sans-serif;
  --r:       8px;
  --tr:      .25s ease;
}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;font-size:16px;}
body{font-family:var(--ff);background:var(--bg);color:var(--text);line-height:1.7;overflow-x:hidden;font-weight:400;}
a{color:inherit;text-decoration:none;}
button{cursor:pointer;font-family:var(--ff);}
::-webkit-scrollbar{width:4px;}
::-webkit-scrollbar-track{background:var(--bg);}
::-webkit-scrollbar-thumb{background:var(--teal);border-radius:2px;}
::selection{background:var(--teal);color:var(--bg);}

/* ── CONTAINER ── */
.container{max-width:1160px;margin:0 auto;padding:0 24px;}
section{padding:110px 0;}

.section-label{
  font-size:.72rem;font-weight:700;letter-spacing:3px;
  text-transform:uppercase;color:var(--teal);margin-bottom:10px;
}
.section-title{
  font-size:clamp(1.9rem,3.8vw,2.8rem);font-weight:700;
  line-height:1.2;margin-bottom:52px;
}

/* ── BUTTONS ── */
.btn-primary{
  display:inline-flex;align-items:center;gap:8px;
  background:var(--teal);color:var(--bg);
  font-size:.88rem;font-weight:700;
  padding:12px 26px;border-radius:var(--r);
  text-decoration:none;border:2px solid var(--teal);
  cursor:pointer;transition:var(--tr);letter-spacing:.2px;
}
.btn-primary:hover{background:transparent;color:var(--teal);}
.btn-ghost{
  display:inline-flex;align-items:center;gap:8px;
  background:transparent;color:var(--text2);
  font-size:.88rem;font-weight:600;
  padding:12px 26px;border-radius:var(--r);
  text-decoration:none;border:2px solid var(--border2);
  cursor:pointer;transition:var(--tr);
}
.btn-ghost:hover{border-color:var(--teal);color:var(--teal);}
.btn-full{width:100%;justify-content:center;}

/* ── REVEAL ── */
.reveal{opacity:0;transform:translateY(28px);transition:opacity .65s ease,transform .65s ease;}
.reveal.visible{opacity:1;transform:translateY(0);}

/* ═══ NAVBAR ═══ */
#navbar{
  position:fixed;top:0;left:0;right:0;z-index:1000;
  padding:0 24px;transition:background var(--tr),box-shadow var(--tr);
}
#navbar.scrolled{
  background:rgba(12,18,32,.94);
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  box-shadow:0 1px 0 var(--border2);
}
.nav-inner{
  max-width:1160px;margin:0 auto;
  display:flex;align-items:center;height:66px;
}
.nav-logo{
  font-size:1.25rem;font-weight:700;color:var(--text);
  text-decoration:none;margin-right:auto;letter-spacing:-.3px;
}
.logo-dot{color:var(--teal);}
.nav-links{display:flex;align-items:center;gap:4px;}
.nav-links a{
  font-size:.85rem;font-weight:500;color:var(--text2);
  text-decoration:none;padding:7px 14px;border-radius:6px;
  transition:var(--tr);display:flex;align-items:center;gap:6px;
}
.nav-links a:hover,.nav-links a.active{color:var(--teal);}
.nav-links a i{font-size:.8rem;}
.btn-hire{
  background:var(--teal)!important;color:var(--bg)!important;
  font-weight:700!important;padding:8px 18px!important;
  border:2px solid var(--teal);
}
.btn-hire:hover{background:transparent!important;color:var(--teal)!important;}
.nav-toggle{
  display:none;background:none;border:none;
  color:var(--text);font-size:1.2rem;padding:6px;
}

/* ═══ HERO ═══ */
#hero{
  min-height:100vh;display:flex;align-items:center;
  position:relative;overflow:hidden;padding:120px 24px 80px;
}
.hero-bg-grid{
  position:absolute;inset:0;
  background-image:linear-gradient(var(--border2) 1px,transparent 1px),
                   linear-gradient(90deg,var(--border2) 1px,transparent 1px);
  background-size:60px 60px;
  mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,black 40%,transparent 100%);
}
.hero-glow{
  position:absolute;width:700px;height:700px;
  background:radial-gradient(circle,rgba(56,191,176,.1) 0%,transparent 70%);
  top:50%;left:50%;transform:translate(-50%,-55%);pointer-events:none;
}
.hero-content{position:relative;max-width:1160px;margin:0 auto;width:100%;}
.hero-eyebrow{
  font-size:.9rem;font-weight:500;color:var(--teal);
  letter-spacing:.5px;margin-bottom:14px;
  animation:fadeUp .7s .1s both;
}
.hero-eyebrow i{margin-right:6px;}
.hero-name{
  font-size:clamp(3rem,7.5vw,6.5rem);font-weight:700;
  line-height:1.05;letter-spacing:-2px;margin-bottom:22px;
  animation:fadeUp .7s .2s both;
}
.hero-role{
  font-size:clamp(1.15rem,2.5vw,1.8rem);font-weight:500;
  color:var(--text2);margin-bottom:18px;min-height:2.4rem;
  animation:fadeUp .7s .3s both;
}
.typing-text{color:var(--teal);}
.typing-cursor{display:inline-block;color:var(--teal);animation:blink 1s infinite;font-weight:300;}
@keyframes blink{0%,100%{opacity:1}50%{opacity:0}}
.hero-sub{
  color:var(--text3);font-size:.92rem;margin-bottom:38px;
  letter-spacing:.3px;animation:fadeUp .7s .4s both;
}
.hero-actions{
  display:flex;gap:14px;flex-wrap:wrap;margin-bottom:60px;
  animation:fadeUp .7s .5s both;
}
.hero-stats{display:flex;align-items:center;gap:28px;animation:fadeUp .7s .6s both;}
.stat{display:flex;flex-direction:column;}
.stat-n{font-size:1.9rem;font-weight:700;color:var(--teal);line-height:1;}
.stat-l{font-size:.75rem;color:var(--text3);margin-top:3px;}
.stat-div{width:1px;height:38px;background:var(--border2);}
.hero-scroll-hint{
  position:absolute;bottom:36px;right:0;
  display:flex;align-items:center;gap:10px;
  font-size:.73rem;color:var(--text3);letter-spacing:2px;text-transform:uppercase;
  animation:fadeUp .7s .8s both;
}
.hero-scroll-hint span{display:block;width:1px;height:44px;background:linear-gradient(to bottom,transparent,var(--teal));}
@keyframes fadeUp{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}

/* ═══ ABOUT ═══ */
#about{background:var(--bg2);}
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:start;}
.about-text p{color:var(--text2);margin-bottom:18px;font-size:.95rem;}
.about-text strong{color:var(--teal);font-weight:600;}
.about-lead{font-size:1.05rem!important;color:var(--text)!important;}
.about-meta{margin-top:28px;display:flex;flex-direction:column;gap:12px;}
.meta-item{display:flex;align-items:center;gap:12px;font-size:.87rem;color:var(--text2);}
.meta-item i{color:var(--teal);width:16px;font-size:.9rem;}
.available{color:var(--teal);}
.available-icon{color:var(--teal);}
.about-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px;}
.about-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.service-card{
  background:var(--card);border:1px solid var(--border2);
  border-radius:var(--r);padding:22px;transition:var(--tr);
}
.service-card:hover{border-color:var(--border);transform:translateY(-4px);box-shadow:0 14px 36px rgba(0,0,0,.3);}
.sc-icon{font-size:1.4rem;color:var(--teal);margin-bottom:12px;}
.service-card h3{font-size:.93rem;font-weight:700;margin-bottom:8px;}
.service-card p{font-size:.82rem;color:var(--text2);line-height:1.6;}

/* ═══ SKILLS ═══ */
#skills{background:var(--bg);}
.skills-grid{display:grid;grid-template-columns:1fr 1fr;gap:44px;}
.skill-group{
  background:var(--card);border:1px solid var(--border2);
  border-radius:var(--r);padding:30px;
}
.sg-title{
  font-size:.82rem;font-weight:700;letter-spacing:1.2px;
  text-transform:uppercase;color:var(--text2);margin-bottom:22px;
  display:flex;align-items:center;gap:10px;
}
.sg-ico{color:var(--teal);font-size:.95rem;}
.skill-bars{display:flex;flex-direction:column;gap:16px;}
.skill-bar-item{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px;}
.skill-bar-item>span:first-child{font-size:.83rem;color:var(--text2);}
.bar{grid-column:1/3;height:4px;background:rgba(255,255,255,.06);border-radius:2px;overflow:hidden;}
.bar-fill{height:100%;background:linear-gradient(90deg,var(--teal2),var(--teal));border-radius:2px;width:0;transition:width 1.1s cubic-bezier(.4,0,.2,1);}
.pct{font-size:.77rem;color:var(--teal);font-weight:700;}

/* ═══ PROJECTS ═══ */
#projects{background:var(--bg2);}
.proj-filters{display:flex;gap:10px;margin-bottom:36px;flex-wrap:wrap;}
.pf-btn{
  font-size:.82rem;font-weight:600;padding:8px 20px;
  border-radius:100px;border:1px solid var(--border2);
  background:transparent;color:var(--text2);cursor:pointer;
  transition:var(--tr);display:flex;align-items:center;gap:7px;
}
.pf-btn:hover,.pf-btn.active{background:var(--teal);color:var(--bg);border-color:var(--teal);}
.pf-btn i{font-size:.8rem;}
.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:22px;}
.proj-card{
  background:var(--card);border:1px solid var(--border2);
  border-radius:var(--r);overflow:hidden;transition:var(--tr);
  animation:fadeUp .5s both;
}
.proj-card:hover{border-color:var(--border);transform:translateY(-5px);box-shadow:0 18px 44px rgba(0,0,0,.38);}
.proj-thumb{
  height:160px;background:linear-gradient(135deg,var(--bg3),#1a2540);
  display:flex;align-items:center;justify-content:center;
  font-size:2.2rem;position:relative;overflow:hidden;color:var(--teal);
}
.proj-thumb::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(56,191,176,.07),transparent);}
.proj-thumb-label{
  font-size:.68rem;font-weight:700;letter-spacing:1.5px;
  color:var(--teal);text-transform:uppercase;
  position:absolute;bottom:10px;right:10px;
  background:rgba(0,0,0,.45);padding:3px 8px;border-radius:4px;
}
.proj-body{padding:20px;}
.proj-body h3{font-size:.95rem;font-weight:700;margin-bottom:7px;color:var(--text);}
.proj-body p{font-size:.81rem;color:var(--text2);margin-bottom:16px;line-height:1.6;}
.proj-body .btn-primary{font-size:.8rem;padding:8px 16px;}

/* ═══ MODAL ═══ */
.modal-overlay{
  position:fixed;inset:0;
  background:rgba(0,0,0,.88);backdrop-filter:blur(10px);
  z-index:2000;display:flex;align-items:center;justify-content:center;
  opacity:0;pointer-events:none;transition:opacity .28s ease;padding:16px;
}
.modal-overlay.open{opacity:1;pointer-events:all;}
.modal-box{
  background:var(--card);border:1px solid var(--border);border-radius:10px;
  width:100%;max-width:1040px;height:88vh;display:flex;flex-direction:column;
  transform:scale(.96);transition:transform .28s ease;
}
.modal-overlay.open .modal-box{transform:scale(1);}
.modal-header{
  display:flex;align-items:center;justify-content:space-between;
  padding:14px 20px;border-bottom:1px solid var(--border2);flex-shrink:0;
}
.modal-title{font-size:.93rem;font-weight:700;color:var(--text);}
.modal-header-btns{display:flex;align-items:center;gap:8px;}
.modal-ext-btn{
  display:flex;align-items:center;gap:6px;
  font-size:.8rem;font-weight:600;color:var(--teal);
  padding:6px 12px;border-radius:5px;border:1px solid var(--border);
  text-decoration:none;transition:var(--tr);
}
.modal-ext-btn:hover{background:var(--teal);color:var(--bg);}
.modal-close{
  background:none;border:none;color:var(--text2);
  font-size:1rem;cursor:pointer;padding:6px 10px;
  border-radius:5px;transition:var(--tr);
}
.modal-close:hover{color:var(--text);background:var(--border2);}
.modal-iframe-wrap{flex:1;position:relative;overflow:hidden;background:#fff;}
.modal-iframe-wrap iframe{
  position:absolute;top:0;left:0;
  width:100%;height:100%;
  border:0px none #ffffff;
}
.iframe-loader{
  position:absolute;inset:0;
  display:flex;align-items:center;justify-content:center;
  background:var(--card);
  transition:opacity .3s ease;
  z-index:5;
}
.il-inner{
  display:flex;flex-direction:column;align-items:center;
  gap:16px;text-align:center;padding:32px;max-width:320px;
}
.il-spinner{
  position:relative;width:64px;height:64px;
  display:flex;align-items:center;justify-content:center;
}
.loader-ring{
  position:absolute;inset:0;
  border:3px solid var(--border2);border-top-color:var(--teal);
  border-radius:50%;animation:spin .9s linear infinite;
}
.il-pct{
  font-size:.78rem;font-weight:700;color:var(--teal);
  font-family:var(--ff);position:relative;z-index:1;
}
@keyframes spin{to{transform:rotate(360deg)}}

.il-msg{
  font-size:.95rem;font-weight:600;color:var(--text);
  font-family:var(--ff);margin:0;
}
.il-sub{
  font-size:.78rem;color:var(--text3);margin:0;
  animation:fadeInOut 2s ease infinite;
}
@keyframes fadeInOut{0%,100%{opacity:.5}50%{opacity:1}}

.il-progress-bar{
  width:200px;height:3px;
  background:var(--border2);border-radius:2px;overflow:hidden;
}
.il-progress-fill{
  height:100%;width:0;
  background:linear-gradient(90deg,var(--teal2),var(--teal));
  border-radius:2px;
  transition:width .4s ease;
}

.il-actions{
  display:flex;flex-direction:column;align-items:center;gap:12px;
  animation:fadeUp .4s ease;
}
.il-blocked-msg{
  font-size:.82rem;color:var(--text2);
  display:flex;align-items:center;gap:8px;
}
.il-blocked-msg i{color:var(--text3);}
.il-visit-btn{font-size:.88rem !important;padding:11px 24px !important;}
.il-retry-btn{
  background:none;border:1px solid var(--border2);border-radius:6px;
  color:var(--text2);font-size:.8rem;padding:8px 18px;
  font-family:var(--ff);cursor:pointer;transition:var(--tr);
  display:flex;align-items:center;gap:6px;
}
.il-retry-btn:hover{border-color:var(--teal);color:var(--teal);}

/* ═══ CONTACT ═══ */
#contact{background:var(--bg);}
.contact-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:72px;align-items:start;}
.contact-lead{font-size:.97rem;color:var(--text2);margin-bottom:30px;line-height:1.8;}
.ci-items{display:flex;flex-direction:column;gap:14px;margin-bottom:28px;}
.ci-item{
  display:flex;align-items:center;gap:14px;
  color:var(--text2);text-decoration:none;font-size:.88rem;transition:var(--tr);
}
.ci-item:hover{color:var(--teal);}
.ci-icon{color:var(--teal);width:18px;font-size:.9rem;text-align:center;}
.social-links{display:flex;gap:10px;flex-wrap:wrap;}
.soc-btn{
  font-size:.81rem;font-weight:600;padding:8px 16px;
  border:1px solid var(--border2);border-radius:6px;
  color:var(--text2);text-decoration:none;transition:var(--tr);
  display:flex;align-items:center;gap:7px;
}
.soc-btn:hover{border-color:var(--teal);color:var(--teal);}
.contact-form{display:flex;flex-direction:column;gap:18px;}
.form-group{display:flex;flex-direction:column;gap:6px;}
.form-group label{
  font-size:.77rem;font-weight:700;color:var(--text2);
  letter-spacing:.4px;text-transform:uppercase;
  display:flex;align-items:center;gap:6px;
}
.form-group label i{font-size:.75rem;color:var(--teal);}
.form-group input,.form-group textarea{
  background:var(--card);border:1px solid var(--border2);border-radius:var(--r);
  padding:11px 14px;color:var(--text);font-family:var(--ff);
  font-size:.9rem;outline:none;transition:border-color var(--tr);resize:none;
}
.form-group input:focus,.form-group textarea:focus{border-color:var(--teal);}
.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text3);}
.form-status{font-size:.86rem;padding:11px 14px;border-radius:var(--r);display:none;}
.form-status.success{background:rgba(56,191,176,.1);color:var(--teal);display:block;}
.form-status.error{background:rgba(239,68,68,.1);color:#f87171;display:block;}
.btn-icon{font-size:.85rem;}

/* ═══ FOOTER ═══ */
#footer{background:var(--bg2);border-top:1px solid var(--border2);padding:36px 24px;}
.footer-inner{
  max-width:1160px;margin:0 auto;
  display:flex;align-items:center;justify-content:space-between;
  flex-wrap:wrap;gap:14px;
}
.footer-logo{font-size:1.15rem;font-weight:700;color:var(--text);}
.footer-copy{font-size:.8rem;color:var(--text3);}
.footer-links{display:flex;gap:18px;}
.footer-links a{
  font-size:1.1rem;color:var(--text2);text-decoration:none;transition:var(--tr);
}
.footer-links a:hover{color:var(--teal);}

/* ═══ RESPONSIVE ═══ */
@media(max-width:1024px){
  .about-grid,.contact-grid{grid-template-columns:1fr;gap:44px;}
  .skills-grid{grid-template-columns:1fr;}
}
@media(max-width:980px){
img.hero-image {  right: 3%;  max-width: 40%; }

}

@media(max-width:768px){
  section{padding:80px 0;}
  .section-title{margin-bottom:32px;}
  .nav-links{display:none;}
  .nav-toggle{display:block;}
  .nav-links.open{
    display:flex;flex-direction:column;
    position:fixed;inset:0;top:66px;
    background:rgba(12,18,32,.97);backdrop-filter:blur(18px);
    padding:32px 24px;gap:2px;z-index:999;
  }
  .nav-links.open a{font-size:1.1rem;padding:12px 16px;width:100%;}
  .btn-hire{width:100%!important;justify-content:center!important;margin-top:8px;}
  .hero-stats{gap:18px;}
  .stat-n{font-size:1.5rem;}
  .about-cards{grid-template-columns:1fr;}
  .hero-scroll-hint{display:none;}
  .modal-box{height:92vh;}
  
}
@media(max-width:480px){
  .hero-name{letter-spacing:-1px;}
  .hero-actions{flex-direction:column;}
  .projects-grid{grid-template-columns:1fr;}
  .footer-inner{flex-direction:column;text-align:center;}
  .about-cta{flex-direction:column;}
  img.hero-image {  max-width: 50%; }
}

/* ═══ NEWS / BLOG SECTION ═══ */
#news { background: var(--bg2); }

.news-subtitle {
  color: var(--text2); font-size: .95rem; margin-top: -36px;
  margin-bottom: 44px; line-height: 1.7; max-width: 640px;
}

/* Daily featured blog */
.daily-blog-wrap { margin-bottom: 52px; }
.daily-blog-badge {
  display: inline-flex; align-items: center; gap: 7px;
  font-size: .72rem; font-weight: 700; letter-spacing: 2px; text-transform: uppercase;
  color: var(--bg); background: var(--teal); padding: 5px 14px;
  border-radius: 100px 100px 0 0; margin-bottom: 0;
}
.daily-blog-card {
  background: var(--card); border: 1px solid var(--border);
  border-radius: 0 10px 10px 10px; padding: 32px;
  position: relative; overflow: hidden;
}
.daily-blog-card::before {
  content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px;
  background: linear-gradient(90deg, var(--teal2), var(--teal));
}
.db-meta {
  font-size: .75rem; color: var(--text3); margin-bottom: 12px;
  display: flex; align-items: center; gap: 14px; flex-wrap: wrap;
}
.db-meta span { display: flex; align-items: center; gap: 5px; }
.db-title {
  font-size: clamp(1.1rem, 2.2vw, 1.5rem); font-weight: 700;
  color: var(--text); margin-bottom: 16px; line-height: 1.4;
}
.db-body {
  font-size: .92rem; color: var(--text2); line-height: 1.8;
  margin-bottom: 24px;
}
.db-body p { margin-bottom: 12px; }
.db-body strong { color: var(--text); }
.db-footer {
  display: flex; align-items: center; justify-content: space-between;
  flex-wrap: wrap; gap: 14px; padding-top: 20px;
  border-top: 1px solid var(--border2);
}
.db-ref-link {
  font-size: .82rem; color: var(--text3); display: flex; align-items: center; gap: 6px;
  text-decoration: none; transition: var(--tr);
}
.db-ref-link:hover { color: var(--teal); }
.db-ctas { display: flex; gap: 10px; flex-wrap: wrap; }
.db-cta { font-size: .82rem !important; padding: 9px 18px !important; }

/* News grid */
.news-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 20px; margin-bottom: 48px;
}
.news-loading {
  grid-column: 1 / -1;
  display: flex; flex-direction: column; align-items: center; gap: 12px;
  padding: 48px; color: var(--text3); font-size: .88rem;
}
.news-card {
  background: var(--card); border: 1px solid var(--border2);
  border-radius: var(--r); overflow: hidden;
  transition: var(--tr); animation: fadeUp .5s both;
  display: flex; flex-direction: column;
}
.news-card:hover { border-color: var(--border); transform: translateY(-4px); box-shadow: 0 14px 36px rgba(0,0,0,.32); }
.news-card-top {
  height: 6px;
  background: linear-gradient(90deg, var(--teal2), var(--teal));
}
.news-card-body { padding: 20px; flex: 1; display: flex; flex-direction: column; }
.news-source {
  font-size: .68rem; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase;
  color: var(--teal); margin-bottom: 8px; display: flex; align-items: center; gap: 6px;
}
.news-card h3 {
  font-size: .9rem; font-weight: 700; color: var(--text);
  margin-bottom: 8px; line-height: 1.45;
  display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;
}
.news-card p {
  font-size: .8rem; color: var(--text2); line-height: 1.6; flex: 1;
  display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;
}
.news-card-footer {
  padding: 14px 20px; border-top: 1px solid var(--border2);
  display: flex; align-items: center; justify-content: space-between; gap: 8px;
}
.news-date { font-size: .73rem; color: var(--text3); }
.news-read-btn {
  font-size: .74rem; font-weight: 600; padding: 6px 14px;
  border: 1px solid var(--border2); border-radius: 5px;
  color: var(--text2); text-decoration: none; transition: var(--tr);
  display: flex; align-items: center; gap: 5px;
}
.news-read-btn:hover { border-color: var(--teal); color: var(--teal); }

/* AI summary badge */
.ai-badge {
  display: inline-flex; align-items: center; gap: 5px;
  font-size: .67rem; font-weight: 700; letter-spacing: 1px; text-transform: uppercase;
  background: rgba(56,191,176,.12); color: var(--teal);
  border: 1px solid var(--border); padding: 2px 8px; border-radius: 100px;
}

/* Footer CTA */
.news-footer-cta {
  text-align: center; padding: 40px;
  background: var(--bg3); border-radius: var(--r);
  border: 1px solid var(--border2);
}
.news-footer-cta p { color: var(--text2); font-size: .97rem; margin-bottom: 20px; }
.news-ctas { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; }

@media(max-width:640px){
  .db-footer { flex-direction: column; align-items: flex-start; }
  .news-ctas { flex-direction: column; align-items: center; }
}