/*
Theme Name: Dark Poet Society – Marketers Clan
Theme URI: https://darkpoet.example
Author: DPS
Description: Full custom theme for the DPS homepage with native PHP/CSS/JS (no React). Includes front-page.php, index.php fallback, and basic JS interactions.
Version: 1.1.0
Text Domain: dps-marketers
*/

/* Minimal, modern base styles (utility-lean) */
:root{
  --bg: #fafafa; --card: #ffffff; --ink:#111827; --muted:#6b7280; --accent:#111827; --brand:#111827; --border:#e5e7eb;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Inter, "Helvetica Neue", Arial; color:var(--ink); background:linear-gradient(#f5f5f5, #fff 35%, #f5f5f5)}
.container{max-width:1120px;margin-inline:auto;padding:0 1rem}
.section{padding:4rem 0}
.grid{display:grid;gap:1rem}
.grid-2{grid-template-columns:1fr}
@media(min-width:960px){.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}}
.card{background:var(--card);border:1px solid var(--border);border-radius:1.5rem;padding:1.25rem}
.badge{display:inline-flex;align-items:center;padding:.25rem .6rem;border:1px solid var(--border);border-radius:999px;background:rgba(255,255,255,.8);font-size:.8rem;margin:.25rem .25rem 0 0}
.btn{display:inline-flex;align-items:center;gap:.5rem;border-radius:1rem;padding:.75rem 1rem;border:1px solid var(--border);background:#111827;color:#fff;text-decoration:none;font-weight:600}
.btn.outline{background:#fff;color:#111827}
.btn.block{display:flex;justify-content:center;width:100%}
.muted{color:var(--muted)}
.h1{font-weight:800;font-size:clamp(2rem,5vw,3.25rem);line-height:1.1;margin:0}
.h2{font-weight:800;font-size:clamp(1.5rem,3vw,2rem);margin:0}
.lead{font-size:1.05rem;color:var(--muted)}
.nav{display:flex;gap:1rem;align-items:center}
.nav a{color:inherit;text-decoration:none}
.nav a:hover{text-decoration:underline}
.header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.8);backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid var(--border)}
.stat{display:flex;gap:.75rem;align-items:center}
.stat .value{font-weight:700;font-size:1.35rem}
.list{list-style:none;margin:0;padding:0}
.list li{display:flex;gap:.5rem;align-items:flex-start;margin:.4rem 0}
.input, textarea{width:100%;padding:.7rem .85rem;border:1px solid var(--border);border-radius:.75rem;font:inherit}
.checkbox{width:1rem;height:1rem}
.footer{border-top:1px solid var(--border);background:rgba(255,255,255,.7)}
.small{font-size:.85rem}
.center{text-align:center}
/* Simple icon circles */
.ico{display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--border);border-radius:12px;background:#fff}