/* =============================================
   PLAYFLIX THEME v2.0 — MAIN CSS
   Payment: bKash · Nagad · Upay
   ============================================= */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
:root {
    --bg: #050510; --bg2: #0f0f2e; --bg3: #1a1a2e;
    --border: rgba(255,255,255,.07);
    --pink: #f472b6; --purple: #a78bfa; --cyan: #38bdf8;
    --green: #2ecc71; --orange: #fbbf24;
    --muted: #94a3b8; --text: #e2e8f0;
    --font: 'Hind Siliguri','Noto Sans Bengali',sans-serif;
}
html { scroll-behavior: smooth; }
body { font-family: var(--font); background: var(--bg); color: #fff; overflow-x: hidden; }
a { text-decoration: none; color: inherit; }
.gt { background: linear-gradient(135deg,#f472b6,#a78bfa,#38bdf8); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
.pf-container { max-width: 940px; margin: 0 auto; padding: 0 5%; }

/* NAV */
.pf-nav { display:flex; align-items:center; justify-content:space-between; padding:14px 5%; border-bottom:1px solid var(--border); position:sticky; top:0; background:rgba(5,5,16,.88); backdrop-filter:blur(18px); z-index:100; }
.pf-logo { display:flex; align-items:center; gap:10px; }
.pf-logo-icon { background:linear-gradient(135deg,#e50914,#ff5252); border-radius:8px; padding:5px 9px; box-shadow:0 0 18px rgba(229,9,20,.4); }
.pf-logo span { font-size:20px; font-weight:900; letter-spacing:1px; background:linear-gradient(135deg,#fff,#a78bfa); -webkit-background-clip:text; -webkit-text-fill-color:transparent; }
.pf-nav-right { display:flex; align-items:center; gap:14px; }
.pf-nav-link { color:var(--muted); font-size:14px; transition:color .2s; }
.pf-nav-link:hover { color:#fff; }
.pf-nav-cta { background:linear-gradient(135deg,#7c3aed,#4f46e5); color:#fff!important; padding:8px 18px; border-radius:8px; font-weight:700; font-size:14px; }

/* HERO */
.pf-hero { text-align:center; padding:70px 5% 50px; }
.pf-hero-inner { max-width:680px; margin:0 auto; }
.pf-badge-pulse { display:inline-flex; align-items:center; gap:8px; background:rgba(236,72,153,.08); border:1px solid rgba(236,72,153,.28); border-radius:20px; padding:7px 18px; margin-bottom:18px; font-size:13px; color:#f9a8d4; font-weight:600; }
.pf-dot { width:8px; height:8px; border-radius:50%; background:#ec4899; display:inline-block; animation:pfPulse 1.5s infinite; }
@keyframes pfPulse { 0%,100%{opacity:1;transform:scale(1)} 50%{opacity:.5;transform:scale(1.15)} }
.pf-slots-notice { display:flex; align-items:center; justify-content:center; gap:8px; margin-bottom:16px; font-size:15px; color:var(--muted); }
.pf-slots-text { color:var(--pink); font-weight:700; }
.pf-hero-title { font-size:clamp(30px,5.5vw,60px); font-weight:900; line-height:1.15; margin-bottom:20px; }
.pf-hero-sub { color:var(--text); font-size:17px; max-width:600px; margin:0 auto 44px; line-height:1.85; }
.pf-video-wrap { max-width:660px; margin:0 auto 16px; border-radius:16px; overflow:hidden; border:1px solid rgba(124,58,237,.3); background:linear-gradient(180deg,#0f0f2e,#180a1a); aspect-ratio:16/9; display:flex; align-items:center; justify-content:center; box-shadow:0 0 50px rgba(124,58,237,.2); }
.pf-video-wrap iframe { width:100%; height:100%; border:none; }
.pf-video-placeholder { display:flex; flex-direction:column; align-items:center; gap:14px; width:100%; height:100%; justify-content:center; }
.pf-play-btn { width:72px; height:72px; border-radius:50%; background:linear-gradient(135deg,#e50914,#ff5252); display:flex; align-items:center; justify-content:center; cursor:pointer; box-shadow:0 0 40px rgba(229,9,20,.55); animation:floatY 3s ease-in-out infinite; }
@keyframes floatY { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-8px)} }
.pf-video-placeholder p { color:var(--muted); font-size:14px; }
.pf-yt-label { color:#475569; font-size:13px; margin-bottom:18px; }
.pf-yt-label strong { color:#fff; }
.pf-hero-desc { color:var(--muted); font-size:15px; max-width:520px; margin:0 auto 34px; line-height:1.8; }
.pf-hero-badges { display:flex; gap:26px; justify-content:center; margin-bottom:34px; flex-wrap:wrap; }
.pf-badge-item { display:flex; align-items:center; gap:8px; font-size:14px; color:var(--text); }
.pf-badge-item .green { color:var(--green); font-size:18px; }
.pf-badge-item .pink  { color:var(--pink);  font-size:18px; }
.pf-badge-item .blue  { color:var(--cyan);  font-size:18px; }
.pf-trusted { display:inline-flex; align-items:center; gap:12px; background:rgba(255,255,255,.04); border:1px solid var(--border); border-radius:30px; padding:10px 22px; }
.pf-avatars { display:flex; }
.pf-avatar { width:34px; height:34px; border-radius:50%; border:2px solid var(--bg); }
.pf-avatar + .pf-avatar { margin-left:-10px; }
.pf-stars { color:#FFD700; font-size:16px; }
.pf-trusted-label { font-size:12px; color:var(--muted); margin-top:2px; }

/* PAYMENT NOTICE BANNER */
.pf-pay-notice { display:flex; align-items:center; justify-content:center; gap:10px; background:linear-gradient(135deg,rgba(124,58,237,.15),rgba(236,72,153,.1)); border:1px solid rgba(124,58,237,.3); border-radius:10px; padding:14px 24px; margin:0 5% 20px; font-size:14px; color:#c4b5fd; font-weight:600; }
.pf-pay-notice-icon { font-size:20px; }

/* PRICING */
.pf-pricing { padding:50px 5%; }
.pf-pricing-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(300px,1fr)); gap:28px; }
.pf-card { background:var(--bg2); border-radius:20px; padding:30px; position:relative; }
.pf-card-pink   { border:1px solid rgba(236,72,153,.28); box-shadow:0 0 50px rgba(236,72,153,.15); }
.pf-card-orange { border:1px solid rgba(251,191,36,.22); box-shadow:0 0 50px rgba(251,191,36,.1); }
.pf-card-badge { position:absolute; top:-13px; left:50%; transform:translateX(-50%); border-radius:20px; padding:5px 18px; font-size:12px; font-weight:700; letter-spacing:1px; white-space:nowrap; }
.pink-badge   { background:linear-gradient(135deg,#ec4899,#db2777); color:#fff; box-shadow:0 0 18px rgba(236,72,153,.5); }
.orange-badge { background:linear-gradient(135deg,#f59e0b,#d97706); color:#000; box-shadow:0 0 18px rgba(245,158,11,.4); }
.pf-card-title { font-size:28px; font-weight:900; margin-bottom:6px; }
.pf-card-pink   .pf-card-title { background:linear-gradient(135deg,#fff,#f9a8d4); -webkit-background-clip:text; -webkit-text-fill-color:transparent; }
.pf-card-orange .pf-card-title { background:linear-gradient(135deg,#fff,#fcd34d); -webkit-background-clip:text; -webkit-text-fill-color:transparent; }
.pf-card-sub { color:var(--muted); font-size:13px; margin-bottom:20px; }
.pf-bonus-box { border-radius:10px; padding:12px 16px; margin-bottom:22px; }
.pink-bonus   { background:rgba(236,72,153,.07); border:1px solid rgba(236,72,153,.18); }
.orange-bonus { background:rgba(245,158,11,.07); border:1px solid rgba(245,158,11,.18); }
.pf-bonus-label { font-size:11px; font-weight:700; margin-bottom:5px; color:var(--pink); }
.orange-label   { color:var(--orange)!important; }
.pf-bonus-box p { font-size:14px; color:var(--text); }
.pf-price-wrap  { margin-bottom:22px; }
.pf-discount    { color:var(--muted); font-size:13px; }
.pf-old-price   { display:block; color:#475569; text-decoration:line-through; font-size:15px; margin-top:4px; }
.pf-price       { font-size:56px; font-weight:900; line-height:1.05; }
.pink-price   { color:var(--pink);   text-shadow:0 0 30px rgba(244,114,182,.4); }
.orange-price { color:var(--orange); text-shadow:0 0 30px rgba(251,191,36,.4); }
.pf-currency  { color:var(--muted); font-size:14px; }

/* PAYMENT BUTTONS */
.pf-payment-btns { display:flex; flex-direction:column; gap:10px; margin-bottom:14px; }
.pf-btn-bkash, .pf-btn-nagad, .pf-btn-upay {
    display:flex; align-items:center; justify-content:center; gap:8px;
    padding:14px 20px; border:none; border-radius:10px;
    font-size:15px; font-family:var(--font); font-weight:700;
    cursor:pointer; width:100%; transition:all .2s; text-decoration:none; color:#fff;
}
.pf-btn-bkash:hover, .pf-btn-nagad:hover, .pf-btn-upay:hover { opacity:.88; transform:translateY(-2px); }
.pf-btn-bkash { background:linear-gradient(135deg,#e2136e,#c0105a); box-shadow:0 4px 16px rgba(226,19,110,.35); }
.pf-btn-nagad { background:linear-gradient(135deg,#f97316,#ea580c); box-shadow:0 4px 16px rgba(249,115,22,.3); }
.pf-btn-upay  { background:linear-gradient(135deg,#7c3aed,#4f46e5); box-shadow:0 4px 16px rgba(124,58,237,.35); }

.pf-download-notice { display:flex; align-items:flex-start; gap:8px; background:rgba(46,204,113,.06); border:1px solid rgba(46,204,113,.2); border-radius:8px; padding:10px 14px; margin-bottom:18px; font-size:13px; color:#86efac; line-height:1.5; }
.pf-no-product { background:rgba(255,100,100,.1); border:1px solid rgba(255,100,100,.25); border-radius:8px; padding:12px; font-size:13px; color:#fca5a5; text-align:center; }

.pf-features { list-style:none; display:flex; flex-direction:column; gap:10px; margin-bottom:20px; }
.pf-features li { display:flex; align-items:center; gap:10px; font-size:14px; color:var(--text); }
.pf-guarantee { text-align:center; }
.pf-secure { font-size:12px; color:var(--green); margin-bottom:4px; }
.pf-money-back { font-size:12px; color:var(--green); }

/* HOW IT WORKS */
.pf-how { padding:60px 5%; text-align:center; }
.pf-how .pf-section-title { margin-bottom:40px; }
.pf-steps { display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:22px; }
.pf-step { background:var(--bg2); border-radius:14px; padding:26px 20px; border:1px solid var(--border); }
.pf-step-icon { font-size:34px; margin-bottom:14px; }
.pf-step h3 { font-size:15px; font-weight:700; margin-bottom:8px; color:var(--purple); }
.pf-step p  { font-size:13px; color:var(--muted); line-height:1.65; }

/* INCOME */
.pf-income { padding:60px 5%; text-align:center; }
.pf-section-title { font-size:30px; font-weight:900; margin-bottom:10px; }
.green-title { color:var(--green); }
.pf-section-sub { color:var(--muted); font-size:14px; max-width:500px; margin:0 auto 40px; line-height:1.7; }
.pf-income-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:20px; }
.pf-income-card { background:linear-gradient(145deg,#0f1628,#090f1d); border-radius:14px; padding:22px; border:1px solid rgba(33,150,243,.3); text-align:left; box-shadow:0 0 28px rgba(33,150,243,.15); }
.pf-income-header { display:flex; align-items:center; gap:8px; margin-bottom:16px; }
.pf-adsense-logo { width:34px; height:34px; border-radius:8px; background:#2196f3; display:flex; align-items:center; justify-content:center; font-weight:700; font-size:16px; }
.pf-adsense-name { font-size:12px; color:var(--text); }
.pf-adsense-sub  { font-size:10px; color:#64748b; }
.pf-income-stats { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-bottom:16px; }
.stat-label { font-size:10px; color:#64748b; }
.stat-val   { font-size:15px; font-weight:700; }
.pf-balance { border-top:1px solid var(--border); padding-top:12px; text-align:center; }
.pf-balance-label { font-size:10px; color:#64748b; }
.pf-balance-val   { font-size:26px; font-weight:900; color:var(--green); }

/* FEATURES */
.pf-features-sec { padding:60px 5%; }
.pf-features-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:20px; }
.pf-feature-card { background:var(--bg2); border-radius:14px; padding:26px; border:1px solid var(--border); transition:transform .2s; }
.pf-feature-card:hover { transform:translateY(-5px); }
.pf-feature-icon { font-size:28px; margin-bottom:14px; width:52px; height:52px; background:rgba(167,139,250,.1); border-radius:14px; display:flex; align-items:center; justify-content:center; }
.pf-feature-card h3 { font-size:16px; font-weight:700; margin-bottom:8px; color:var(--purple); }
.pf-feature-card p  { color:var(--muted); font-size:13px; line-height:1.65; }

/* TESTIMONIAL */
.pf-testimonial { padding:60px 5%; }
.pf-testimonial-inner { max-width:780px; margin:0 auto; text-align:center; }
.pf-stars-big { color:#FFD700; font-size:22px; margin-bottom:12px; }
.pf-testimonial-card { background:var(--bg2); border-radius:16px; padding:38px 48px; border:1px solid var(--border); margin-top:20px; }
.pf-testimonial-card blockquote { font-size:20px; font-style:italic; font-weight:600; color:#fff; line-height:1.75; margin:16px 0 24px; }
.pf-reviewer { display:flex; align-items:center; gap:12px; justify-content:center; }
.pf-reviewer-avatar { width:44px; height:44px; border-radius:50%; background:linear-gradient(135deg,#667eea,#764ba2); }
.pf-reviewer-name { font-weight:700; }
.pf-reviewer-tag  { color:#e50914; font-size:12px; }

/* FAQ */
.pf-faq { padding:60px 5%; }
.pf-faq .pf-section-title { text-align:center; margin-bottom:36px; }
.pf-faq-item { background:var(--bg2); border-radius:12px; margin-bottom:10px; overflow:hidden; border:1px solid var(--border); }
.pf-faq-header { display:flex; align-items:center; gap:12px; padding:18px 22px; cursor:pointer; user-select:none; }
.pf-faq-icon { width:28px; height:28px; border-radius:50%; background:rgba(124,58,237,.18); border:1px solid rgba(124,58,237,.35); display:flex; align-items:center; justify-content:center; color:#a78bfa; font-size:14px; font-weight:700; flex-shrink:0; }
.pf-faq-header > span:nth-child(2) { font-size:15px; font-weight:600; flex:1; color:var(--text); }
.pf-faq-toggle { color:#7c3aed; font-size:22px; }
.pf-faq-body { display:none; padding:0 22px 18px 62px; color:var(--muted); font-size:14px; line-height:1.75; }
.pf-faq-body.open { display:block; }

/* FOOTER */
.pf-footer { border-top:1px solid var(--border); padding:30px 5%; }
.pf-footer-inner { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:16px; }
.pf-social { display:flex; gap:10px; }
.pf-social-btn { width:38px; height:38px; border-radius:50%; background:rgba(255,255,255,.05); border:1px solid var(--border); display:flex; align-items:center; justify-content:center; font-size:18px; transition:background .2s; }
.pf-social-btn:hover { background:rgba(255,255,255,.1); }
.pf-copyright { color:#334155; font-size:13px; }

/* WHATSAPP */
.pf-whatsapp-btn { position:fixed; bottom:24px; right:24px; width:54px; height:54px; border-radius:50%; background:linear-gradient(135deg,#25d366,#128c7e); display:flex; align-items:center; justify-content:center; font-size:26px; z-index:999; box-shadow:0 4px 24px rgba(37,211,102,.5); animation:floatY 3s ease-in-out infinite; }

/* RESPONSIVE */
@media (max-width:768px) {
    .pf-pricing-grid, .pf-income-grid, .pf-steps { grid-template-columns:1fr; }
    .pf-features-grid { grid-template-columns:1fr 1fr; }
    .pf-testimonial-card { padding:24px 20px; }
    .pf-testimonial-card blockquote { font-size:16px; }
    .pf-pay-notice { margin:0 3% 16px; font-size:13px; }
}
@media (max-width:480px) {
    .pf-features-grid { grid-template-columns:1fr; }
    .pf-hero-badges { flex-direction:column; align-items:center; gap:10px; }
    .pf-footer-inner { flex-direction:column; text-align:center; }
}