/*
Theme Name: Markets Era Landing
Theme URI: https://marketsera.com/
Author: Markets Era
Author URI: https://marketsera.com/
Description: Static, single-page landing theme for Markets Era's "Online Digital Marketing Classes" page. Content is fixed (not built from posts/pages) — edit index.php directly to change text.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: marketsera-landing
*/

:root {
    --bg-primary: #120B25; --bg-secondary: #1E1638; --accent-gold: #D4A95A;
    --heading-text: #FFFFFF; --body-text: #D1D1D1; --border-subtle: rgba(212,169,90,.2);
    --shadow-color: rgba(0,0,0,.4); --whatsapp-green: #25D366;
}
* { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { font-family:'Poppins',sans-serif; background:var(--bg-primary); color:var(--body-text); line-height:1.7; }
a { text-decoration:none; color:inherit; transition:all .3s; }
ul { list-style:none; }
h1,h2,h3,h4 { font-family:'Playfair Display',serif; color:var(--heading-text); line-height:1.3; font-weight:700; }
.container { max-width:1200px; margin:0 auto; padding:0 24px; }
.section-padding { padding:90px 0; }
@media (max-width:768px){ .section-padding{padding:55px 0;} }
.bg-secondary { background:var(--bg-secondary); }
.section-label { display:inline-block; color:var(--accent-gold); text-transform:uppercase; letter-spacing:3px; font-size:13px; font-weight:600; margin-bottom:14px; }
.section-title { font-size:40px; margin-bottom:18px; }
.section-sub { max-width:650px; margin:0 auto 50px; text-align:center; font-size:16px; }
@media (max-width:768px){ .section-title{font-size:28px;} }
.btn { display:inline-flex; align-items:center; gap:8px; padding:14px 32px; border-radius:50px; font-weight:600; font-size:15px; letter-spacing:.5px; border:2px solid transparent; cursor:pointer; }
.btn-primary { background:linear-gradient(135deg,var(--accent-gold),#B8873F); color:#120B25; box-shadow:0 6px 20px rgba(212,169,90,.3); }
.btn-primary:hover { transform:translateY(-3px); box-shadow:0 10px 28px rgba(212,169,90,.45); color:#120B25; }
.btn-outline { border-color:var(--accent-gold); color:var(--accent-gold); background:transparent; }
.btn-outline:hover { background:var(--accent-gold); color:#120B25; }
.btn-whatsapp { background:var(--whatsapp-green); color:#fff; }
.btn-whatsapp:hover { transform:translateY(-3px); color:#fff; }
.btn-email { background:transparent; border-color:#fff; color:#fff; }
.btn-email:hover { background:#fff; color:#120B25; }
.btn-block { width:100%; justify-content:center; }
.site-header { position:sticky; top:0; z-index:999; background:rgba(18,11,37,.96); backdrop-filter:blur(10px); border-bottom:1px solid var(--border-subtle); }
.header-inner { display:flex; align-items:center; justify-content:space-between; padding:16px 24px; max-width:1300px; margin:0 auto; gap:16px; flex-wrap:wrap; }
.site-logo { font-family:'Playfair Display',serif; font-size:26px; font-weight:700; color:var(--heading-text); }
.site-logo span { color:var(--accent-gold); }
.header-contact { display:flex; align-items:center; gap:22px; flex-wrap:wrap; }
.header-contact a { font-size:14px; color:var(--body-text); display:flex; align-items:center; gap:8px; }
.header-contact a:hover { color:var(--accent-gold); }
.header-contact i { color:var(--accent-gold); }
.header-cta { display:flex; gap:14px; }
.header-cta .btn { padding:10px 22px; font-size:14px; }
@media (max-width:860px){ .header-contact{ display:none; } }
.classes-hero { background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%); padding:110px 0; text-align:center; }
.classes-badge { display:inline-block; background:rgba(212,169,90,.12); border:1px solid var(--accent-gold); color:var(--accent-gold); padding:8px 20px; border-radius:50px; font-size:13px; letter-spacing:1px; margin-bottom:22px; }
.hero-actions { display:flex; gap:18px; justify-content:center; flex-wrap:wrap; }
.hero-contact-row { margin-top:30px; display:flex; gap:28px; justify-content:center; flex-wrap:wrap; font-size:14.5px; }
.hero-contact-row a { display:flex; align-items:center; gap:8px; color:var(--body-text); }
.hero-contact-row a:hover { color:var(--accent-gold); }
.hero-contact-row i { color:var(--accent-gold); }
.curriculum-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:24px; }
.curriculum-card { background:var(--bg-secondary); border:1px solid var(--border-subtle); border-radius:14px; padding:30px; }
.curriculum-card .module-num { color:var(--accent-gold); font-size:13px; font-weight:700; letter-spacing:1px; margin-bottom:10px; }
.curriculum-card h3 { font-size:19px; margin-bottom:10px; }
.curriculum-card p { font-size:14px; }
.cta-band { background:linear-gradient(135deg,var(--bg-secondary),#241a45); border:1px solid var(--border-subtle); border-radius:20px; padding:50px; text-align:center; }
.cta-band.gold-border { border-color:var(--accent-gold); }
.cta-band h3 { font-size:26px; margin-bottom:14px; }
.cta-band p { margin-bottom:26px; }
.stats-row { display:grid; grid-template-columns:repeat(4,1fr); gap:20px; text-align:center; }
.stat-box h3 { font-size:38px; color:var(--accent-gold); margin-bottom:6px; }
.stat-box p { font-size:14px; text-transform:uppercase; letter-spacing:1px; }
@media (max-width:768px){ .stats-row{grid-template-columns:repeat(2,1fr); gap:30px;} }
.pricing-box { background:linear-gradient(135deg,var(--bg-secondary),#241a45); border:2px solid var(--accent-gold); border-radius:20px; padding:50px; text-align:center; max-width:480px; margin:0 auto; }
.pricing-box .price { font-size:40px; color:var(--accent-gold); margin:14px 0; font-family:'Playfair Display',serif; }
.pricing-box ul { text-align:left; margin:26px 0; }
.pricing-box ul li { padding:8px 0; font-size:14.5px; }
.pricing-box ul li::before { content:'✓ '; color:var(--accent-gold); font-weight:700; }
.text-gold { color: var(--accent-gold); }
.contact-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:24px; max-width:900px; margin:0 auto; }
.contact-card { background:var(--bg-secondary); border:1px solid var(--border-subtle); border-radius:14px; padding:34px 24px; text-align:center; }
.contact-card i { font-size:26px; color:var(--accent-gold); margin-bottom:14px; }
.contact-card h4 { font-size:17px; margin-bottom:8px; }
.contact-card p { font-size:14px; margin-bottom:18px; word-break:break-word; }
.site-footer { background:var(--bg-secondary); border-top:1px solid var(--border-subtle); padding:40px 0; text-align:center; font-size:14px; }
.footer-links { display:flex; gap:24px; justify-content:center; flex-wrap:wrap; margin-bottom:16px; }
.footer-links a:hover { color:var(--accent-gold); }
.whatsapp-float {
    position:fixed; bottom:24px; right:24px; z-index:998;
    width:58px; height:58px; border-radius:50%;
    background:var(--whatsapp-green); color:#fff;
    display:flex; align-items:center; justify-content:center;
    font-size:28px; box-shadow:0 6px 18px rgba(0,0,0,.35);
}
.whatsapp-float:hover { color:#fff; transform:scale(1.08); }