/*
Theme Name: Hirey Communication Academy
Theme URI: https://hirey-academy-boost.lovable.app
Author: Farhan Hirey
Description: A luxury professional sales funnel theme for Hirey Communication Academy. Fully customizable via Appearance > Customize.
Version: 4.0
License: GNU General Public License v2 or later
Text Domain: hirey-academy
*/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;800;900&display=swap');

* { margin:0; padding:0; box-sizing:border-box; }
body { background:#000; color:#fff; font-family:'Montserrat',sans-serif; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; }
a { color:#ffc400; text-decoration:none; }

/* Buttons */
.btn-brand { display:inline-block; background:#ffc400; color:#000; font-weight:800; padding:16px 40px; border-radius:8px; text-transform:uppercase; letter-spacing:1px; border:none; cursor:pointer; font-size:16px; transition:background .2s; }
.btn-brand:hover { background:#e0ac00; }
.btn-whatsapp { background:#25D366; color:#fff !important; }
.btn-whatsapp:hover { background:#1da851; }

/* Header */
header { background:#000; border-bottom:3px solid #ffc400; padding:16px; text-align:center; }
header .logo-wrap { display:flex; align-items:center; justify-content:center; gap:12px; }
header img { width:56px; height:56px; border-radius:50%; object-fit:cover; image-rendering:-webkit-optimize-contrast; }
header span { color:#ffc400; font-weight:800; font-size:18px; text-transform:uppercase; letter-spacing:3px; }

/* Footer */
footer { border-top:3px solid #ffc400; padding:32px; text-align:center; color:#888; font-size:14px; }

/* Hero */
.hero { padding:64px 16px; text-align:center; }
.hero img { width:112px; height:112px; border-radius:50%; border:3px solid #ffc400; object-fit:cover; image-rendering:-webkit-optimize-contrast; margin-bottom:24px; }
.hero h1 { font-size:clamp(28px,5vw,48px); font-weight:900; color:#ffc400; text-transform:uppercase; margin-bottom:16px; -webkit-font-smoothing:antialiased; text-shadow:2px 2px 4px rgba(0,0,0,0.5); }
.hero p { color:#888; max-width:560px; margin:0 auto 40px; }

/* CTA Section (replaces old form) */
.cta-section { max-width:520px; margin:0 auto 64px; padding:0 16px; text-align:center; }
.cta-heading { color:#ffc400; font-weight:700; font-size:20px; margin-bottom:24px; }
.btn-whatsapp-big {
  display:block; background:#ffc400; color:#000; font-weight:800; padding:24px 32px;
  border-radius:16px; text-align:center; text-decoration:none;
  transition:all .2s; animation:pulse-glow 2s infinite;
}
.btn-whatsapp-big:hover { background:#e0ac00; transform:scale(1.02); }
.btn-main-text { display:flex; align-items:center; justify-content:center; font-size:clamp(18px,4vw,24px); text-transform:uppercase; letter-spacing:1px; }
.btn-sub-text { display:block; font-size:clamp(13px,2.5vw,16px); font-weight:500; margin-top:8px; opacity:0.85; text-transform:none; }

@keyframes pulse-glow {
  0%,100% { box-shadow:0 0 0 0 rgba(255,196,0,0.5); transform:scale(1); }
  50% { box-shadow:0 0 30px 10px rgba(255,196,0,0.3); transform:scale(1.03); }
}

/* Testimonials */
.testimonials { padding:0 16px 64px; }
.testimonials h2 { text-align:center; color:#ffc400; font-weight:700; margin-bottom:32px; }
.testimonials .grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:24px; max-width:960px; margin:0 auto; }
.testimonial-card { background:#111; border:1px solid #222; border-left:4px solid #ffc400; border-radius:8px; padding:24px; }
.testimonial-card p { color:#888; font-style:italic; margin-bottom:12px; }
.testimonial-card span { color:#ffc400; font-weight:700; font-size:14px; }

/* Webinar */
.webinar { padding:48px 16px; text-align:center; }
.webinar h1 { font-size:clamp(24px,4vw,36px); color:#ffc400; font-weight:900; margin-bottom:32px; }
.video-wrap { position:relative; padding-bottom:56.25%; max-width:768px; margin:0 auto 48px; border-radius:12px; overflow:hidden; border:3px solid #ffc400; }
.video-wrap iframe { position:absolute; top:0; left:0; width:100%; height:100%; }
.offer-box { background:#ffc400; color:#000; border-radius:16px; padding:40px; max-width:640px; margin:0 auto 48px; }
.offer-box h2 { font-weight:900; margin-bottom:16px; }
.offer-box .price { font-size:36px; font-weight:900; margin:20px 0; }
.offer-box .btn-dark { background:#000; color:#ffc400; font-weight:800; padding:16px 48px; border-radius:8px; text-transform:uppercase; border:3px solid #000; display:inline-block; transition:border-color .2s; }
.offer-box .btn-dark:hover { border-color:#ffc400; }

/* Checkout */
.checkout { padding:64px 16px; text-align:center; }
.checkout h1 { color:#ffc400; font-weight:900; margin-bottom:12px; }
.checkout .summary { color:#888; margin-bottom:40px; }
.payment-box { background:#111; border:2px solid #ffc400; border-radius:16px; padding:40px; max-width:480px; margin:0 auto 32px; text-align:left; }
.payment-box h3 { color:#ffc400; font-weight:700; text-align:center; margin-bottom:24px; }
.payment-method { background:#1a1a1a; border-radius:8px; padding:20px; margin-bottom:16px; }
.payment-method .label { color:#ffc400; font-weight:700; font-size:14px; }
.payment-method .code { font-family:monospace; font-size:18px; letter-spacing:2px; }
.payment-method .name { color:#888; font-size:12px; margin-top:4px; }