/* ========================================
   COMMON STYLES - Used across all pages
   ======================================== */

:root{
    --purple:#6e46ae;
    --purple-dark:#5a3791;
    --purple-soft:#f3eefb;
    --ink:#2e2b3f;
    --ink-soft:#5d5a6e;
    --line:#e7e5ee;
    --bg-soft:#f7f6fb;
    --yellow:#ffce00;
    --radius:8px;
}

/* ---------- Base Styles ---------- */
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
    font-family:'Proxima Nova','Helvetica Neue',Helvetica,Arial,sans-serif;
    color:var(--ink);background:#fff;line-height:1.6;font-size:16px;-webkit-font-smoothing:antialiased;
}
h1,h2,h3,h4{font-family:'Proxima Nova Bold','Proxima Nova','Helvetica Neue',Arial,sans-serif;font-weight:700;color:#1d1b29;line-height:1.2}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.container{max-width:1200px;margin:0 auto;padding:0 24px}

/* ---------- Buttons ---------- */
.btn{display:inline-block;border:none;cursor:pointer;font-family:'Proxima Nova SemiBold','Proxima Nova',Arial,sans-serif;
    font-size:16px;font-weight:600;padding:13px 30px;border-radius:999px;transition:.18s;text-align:center;line-height:1.2}
.btn-primary{background:var(--purple);color:#fff}
.btn-primary:hover{background:var(--purple-dark)}
.btn-outline{background:#fff;color:var(--purple);border:2px solid var(--purple)}
.btn-outline:hover{background:var(--purple-soft)}
.btn-ghost{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.7)}
.btn-ghost:hover{background:rgba(255,255,255,.12)}
.btn-light{background:#fff;color:var(--purple)}
.btn-light:hover{background:var(--purple-soft)}

/* ---------- Section Utilities ---------- */
section{padding:72px 0}
.bg-soft{background:var(--bg-soft)}
.section-head{text-align:center;max-width:680px;margin:0 auto 48px}
.section-head h2{font-size:38px;margin-bottom:14px;letter-spacing:-.5px}
.section-head p{color:var(--ink-soft);font-size:17px}
.center-cta{text-align:center;margin-top:46px}