*,*::before,*::after{box-sizing:border-box;margin:0;padding:0; font-feature-settings: "ss01" !important;}
:root{--primary:#4f46e5;--primary-light:#818cf8;--primary-dark:#3730a3;--primary-soft:rgba(79,70,229,0.07);--accent:#f59e0b;--accent-light:#fbbf24;--accent-soft:rgba(245,158,11,0.09);--emerald:#10b981;--emerald-soft:rgba(16,185,129,0.07);--rose:#f43f5e;--rose-soft:rgba(244,63,94,0.07);--bg:#faf9f7;--bg-white:#ffffff;--bg-warm:#fef7ed;--text:#1e293b;--text-secondary:#64748b;--text-light:#94a3b8;--border:#e2e8f0;--border-light:#f1f5f9;--radius:20px;--radius-md:14px;--radius-sm:10px;--radius-xs:8px;--shadow-sm:0 1px 3px rgba(0,0,0,0.04);--shadow:0 4px 20px rgba(0,0,0,0.06);--shadow-lg:0 12px 40px rgba(0,0,0,0.1);--transition:all 0.35s cubic-bezier(0.4,0,0.2,1)}
body{font-family:'Vazirmatn',sans-serif;background:var(--bg);color:var(--text);direction:rtl;min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased;line-height:1.6}

/* ─── SVG Icon Base ─────────────────────────────────────────── */
.ki{display:inline-block;vertical-align:middle;flex-shrink:0;transition:color 0.2s ease}

.section-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--primary-soft);border-radius:8px;color:var(--primary)}

.no-draw-icon{display:flex;justify-content:center;margin-bottom:20px;color:var(--primary);opacity:0.5}

/* ─── Layout ────────────────────────────────────────────────── */
.lottery-wrapper{max-width:960px;margin:0 auto;padding:0 16px 50px;position:relative}

/* ─── Hero Section ──────────────────────────────────────────── */
.hero-section{position:relative;padding:60px 32px 80px;background:linear-gradient(160deg,#1e1b4b 0%,#312e81 25%,#4338ca 50%,#6366f1 75%,#818cf8 100%);overflow:hidden;margin-bottom:-40px}
.hero-section::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 20% 30%,rgba(251,191,36,0.15) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(129,140,248,0.2) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(255,255,255,0.03) 0%,transparent 70%)}
.hero-section::after{content:'';position:absolute;bottom:-2px;left:0;right:0;height:60px;background:var(--bg);clip-path:ellipse(55% 100% at 50% 100%)}
.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;max-width:920px;margin:0 auto;position:relative;z-index:2}
.hero-text{color:white}
.hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,0.12);backdrop-filter:blur(12px);padding:8px 18px;border-radius:50px;font-size:12px;color:rgba(255,255,255,0.9);margin-bottom:24px;font-weight:500;border:1px solid rgba(255,255,255,0.1)}
.hero-badge .live-dot{width:7px;height:7px;background:#4ade80;border-radius:50%;animation:pulse-dot 1.5s infinite;box-shadow:0 0 10px rgba(74,222,128,0.6)}
.hero-title{font-size:clamp(28px,4.5vw,44px);font-weight:900;line-height:1.35;margin-bottom:16px;text-shadow:0 2px 20px rgba(0,0,0,0.2)}
.hero-title .highlight{color:var(--accent-light);position:relative}
.hero-desc{font-size:14px;color:rgba(255,255,255,0.7);line-height:2;max-width:400px;margin-bottom:28px}
.hero-stats-inline{display:flex;gap:24px;flex-wrap:wrap}
.hero-stat{display:flex;align-items:center;gap:8px;background:rgba(255,255,255,0.08);backdrop-filter:blur(8px);padding:10px 16px;border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,0.08)}
.hero-stat .hs-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:rgba(255,255,255,0.1);border-radius:8px;color:rgba(255,255,255,0.9)}
.hero-stat .hs-val{font-size:18px;font-weight:800;color:white}
.hero-stat .hs-label{font-size:11px;color:rgba(255,255,255,0.55);margin-right:2px}
.hero-visual{display:flex;align-items:center;justify-content:center;position:relative}

/* ─── Trophy Animation ──────────────────────────────────────── */
.trophy-container{position:relative;width:260px;height:260px;display:flex;align-items:center;justify-content:center}
.trophy-glow{position:absolute;inset:-20px;background:radial-gradient(circle,rgba(251,191,36,0.2) 0%,transparent 70%);border-radius:50%;animation:trophy-pulse 3s ease-in-out infinite}
.trophy-main{font-size:120px;filter:drop-shadow(0 8px 30px rgba(251,191,36,0.3));animation:trophy-float 4s ease-in-out infinite;position:relative;z-index:2}
.orbit-ring{position:absolute;inset:0;border:1.5px dashed rgba(255,255,255,0.1);border-radius:50%;animation:orbit-spin 20s linear infinite}
.orbit-item{position:absolute;font-size:24px;animation:orbit-item-float 3s ease-in-out infinite}
.orbit-item:nth-child(1){top:-8px;left:50%;transform:translateX(-50%);animation-delay:0s}
.orbit-item:nth-child(2){bottom:-8px;left:50%;transform:translateX(-50%);animation-delay:0.7s}
.orbit-item:nth-child(3){top:50%;right:-12px;transform:translateY(-50%);animation-delay:1.4s}
.orbit-item:nth-child(4){top:50%;left:-12px;transform:translateY(-50%);animation-delay:2.1s}
.sparkle{position:absolute;width:4px;height:4px;background:white;border-radius:50%;animation:sparkle-blink 2s ease-in-out infinite}
.sparkle:nth-child(1){top:15%;right:15%;animation-delay:0s}
.sparkle:nth-child(2){top:60%;right:25%;animation-delay:0.5s}
.sparkle:nth-child(3){top:30%;left:20%;animation-delay:1s}
.sparkle:nth-child(4){bottom:25%;left:30%;animation-delay:1.5s}
.sparkle:nth-child(5){top:20%;left:45%;animation-delay:0.8s}

/* ─── Timer ─────────────────────────────────────────────────── */
.timer-floating{position:relative;z-index:3;background:var(--bg-white);border:1px solid var(--border-light);border-radius:var(--radius);padding:24px 32px;display:flex;align-items:center;justify-content:center;gap:28px;margin:-20px auto 28px;box-shadow:var(--shadow-lg);flex-wrap:wrap}
.timer-floating .t-label{font-size:13px;color:var(--text-secondary);font-weight:600;display:flex;align-items:center;gap:8px}
.timer-floating .t-label .ki{color:var(--primary)}
.timer-units{display:flex;gap:10px;direction:ltr}
.t-unit{display:flex;flex-direction:column;align-items:center;gap:4px}
.t-val{background:linear-gradient(135deg,var(--primary),#7c3aed);color:white;width:54px;height:54px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:21px;font-weight:800;font-variant-numeric:tabular-nums;box-shadow:0 4px 14px rgba(79,70,229,0.2)}
.t-name{font-size:10px;color:var(--text-light);font-weight:500}

/* ─── Timer Expired Banner ──────────────────────────────────── */
.timer-expired-banner{position:relative;z-index:3;background:var(--bg-white);border:2px solid var(--accent);border-radius:var(--radius);padding:28px 32px;margin:-20px auto 28px;box-shadow:0 8px 40px rgba(245,158,11,0.15);text-align:center;overflow:hidden}
.timer-expired-banner::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--accent),#d97706,var(--accent-light),var(--accent));background-size:300% 100%;animation:shimmer-bar 3s linear infinite}
.teb-icon-wrap{display:flex;justify-content:center;margin-bottom:12px;color:var(--accent);animation:teb-bounce 2s ease-in-out infinite}
.teb-title{font-size:20px;font-weight:900;color:var(--text);margin-bottom:8px}
.teb-desc{font-size:13px;color:var(--text-secondary);line-height:2;margin-bottom:16px}
.teb-status{display:inline-flex;align-items:center;gap:8px;background:var(--accent-soft);border:1px solid #fde68a;padding:10px 24px;border-radius:50px;font-size:13px;font-weight:700;color:#92400e}
.teb-status .teb-dot{width:8px;height:8px;background:var(--accent);border-radius:50%;animation:pulse-dot 1.2s infinite}

/* ─── Live Draw Banner ──────────────────────────────────────── */
.live-draw-banner{position:relative;z-index:3;background:linear-gradient(135deg,#1e1b4b,#312e81,#4338ca);border:2px solid var(--primary-light);border-radius:var(--radius);padding:32px;margin:-20px auto 28px;box-shadow:0 8px 40px rgba(79,70,229,0.25);text-align:center;overflow:hidden;color:white}
.live-draw-banner::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#f43f5e,#f59e0b,#10b981,#4f46e5,#f43f5e);background-size:400% 100%;animation:shimmer-bar 2s linear infinite}
.ldb-live-tag{display:inline-flex;align-items:center;gap:8px;background:rgba(244,63,94,0.2);border:1px solid rgba(244,63,94,0.3);padding:6px 18px;border-radius:50px;font-size:12px;font-weight:700;color:#fda4af;margin-bottom:16px}
.ldb-live-tag .live-rec{width:8px;height:8px;background:#f43f5e;border-radius:50%;animation:pulse-dot 0.8s infinite;box-shadow:0 0 12px rgba(244,63,94,0.6)}
.ldb-icon-wrap{display:flex;justify-content:center;margin-bottom:12px;color:rgba(255,255,255,0.9);animation:trophy-float 2s ease-in-out infinite}
.ldb-title{font-size:22px;font-weight:900;margin-bottom:8px}
.ldb-desc{font-size:13px;color:rgba(255,255,255,0.7);line-height:2;margin-bottom:20px}
.ldb-progress{display:flex;align-items:center;gap:12px;justify-content:center;flex-wrap:wrap}
.ldb-progress-bar-wrap{flex:1;max-width:400px;height:8px;background:rgba(255,255,255,0.15);border-radius:50px;overflow:hidden}
.ldb-progress-bar{height:100%;border-radius:50px;background:linear-gradient(90deg,var(--accent),#fbbf24,var(--accent));background-size:200% 100%;animation:shimmer-bar 1.5s linear infinite,ldb-fill 3s ease-out forwards;width:0%}
.ldb-progress-text{font-size:12px;color:rgba(255,255,255,0.6);font-weight:600;white-space:nowrap}

/* ─── Winner Announce ───────────────────────────────────────── */
.winner-announce-section{position:relative;z-index:3;margin:-20px auto 28px}
.winner-announce-card{background:var(--bg-white);border:2px solid var(--accent);border-radius:var(--radius);padding:0;box-shadow:0 12px 50px rgba(245,158,11,0.2);overflow:hidden;position:relative}
.wac-header{background:linear-gradient(135deg,#1e1b4b,#312e81,#4338ca);padding:28px 32px;text-align:center;color:white;position:relative;overflow:hidden}
.wac-header::before{content:'';position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}
.wac-confetti-left,.wac-confetti-right{position:absolute;font-size:40px;top:50%;transform:translateY(-50%)}
.wac-confetti-left{left:20px;animation:confetti-sway-left 2s ease-in-out infinite}
.wac-confetti-right{right:20px;animation:confetti-sway-right 2s ease-in-out infinite}
.wac-trophy{font-size:56px;display:block;margin-bottom:8px;animation:trophy-float 3s ease-in-out infinite;filter:drop-shadow(0 4px 20px rgba(251,191,36,0.4))}
.wac-title{font-size:24px;font-weight:900;margin-bottom:4px}
.wac-subtitle{font-size:13px;color:rgba(255,255,255,0.65)}
.wac-body{padding:32px}
.wac-winner-profile{display:flex;align-items:center;gap:20px;background:linear-gradient(135deg,var(--accent-soft),#fef3c7);border:2px solid #fde68a;border-radius:var(--radius-md);padding:24px;margin-bottom:24px;position:relative;overflow:hidden}
.wac-winner-profile::before{content:'🎉';position:absolute;top:8px;left:8px;font-size:20px;animation:confetti-sway-right 1.5s ease-in-out infinite}
.wac-winner-avatar{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,var(--accent),#d97706);display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:900;color:white;flex-shrink:0;box-shadow:0 4px 20px rgba(245,158,11,0.3);border:3px solid white;position:relative}
.wac-winner-crown{position:absolute;top:-18px;display:flex;justify-content:center;color:#f59e0b;animation:crown-bounce 2s ease-in-out infinite;filter:drop-shadow(0 2px 8px rgba(245,158,11,0.5))}
.wac-winner-info{flex:1}
.wac-winner-name{font-size:20px;font-weight:900;color:var(--text);margin-bottom:4px;display:flex;align-items:center;gap:8px}
.verified-badge{display:inline-flex;color:var(--primary)}
.wac-winner-stats{display:flex;gap:16px;flex-wrap:wrap}
.wac-ws-item{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--text-secondary);font-weight:600}
.wac-ws-item .ki{color:var(--text-light)}
.wac-ws-item .wsi-val{color:var(--primary);font-weight:800;font-size:13px}
.wac-prize-won{display:flex;align-items:center;gap:16px;background:var(--bg);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:20px;margin-bottom:24px}
.wac-prize-icon{width:64px;height:64px;border-radius:var(--radius-sm);background:linear-gradient(135deg,#fef3c7,#fde68a);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--accent)}
.wac-prize-detail{flex:1}
.wac-prize-detail .wpd-label{font-size:11px;color:var(--accent);font-weight:700;text-transform:uppercase;letter-spacing:2px;margin-bottom:4px;display:flex;align-items:center;gap:5px}
.wac-prize-detail .wpd-label .ki{color:var(--accent)}
.wac-prize-detail h4{font-size:16px;font-weight:800;color:var(--text);margin-bottom:2px}
.wac-prize-detail p{font-size:12px;color:var(--text-light)}
.wac-prize-value{font-size:18px;font-weight:900;color:var(--accent);white-space:nowrap;flex-shrink:0}
.wac-draw-details{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:24px}
.wac-dd-item{text-align:center;background:var(--bg);border:1px solid var(--border-light);border-radius:var(--radius-sm);padding:14px 10px}
.wac-dd-item .dd-icon{display:flex;justify-content:center;margin-bottom:6px;color:var(--primary)}
.wac-dd-item .dd-val{font-size:14px;font-weight:800;color:var(--text);margin-bottom:2px}
.wac-dd-item .dd-label{font-size:10px;color:var(--text-light);font-weight:500}
.wac-message{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #bbf7d0;border-radius:var(--radius-md);padding:16px 20px;display:flex;align-items:center;gap:12px;margin-bottom:20px}
.wac-message .wm-icon{flex-shrink:0;display:flex;align-items:center;color:#166534}
.wac-message .wm-text{font-size:12px;color:#166534;line-height:2;font-weight:500}

/* ─── Info Banner ───────────────────────────────────────────── */
.info-banner{background:linear-gradient(135deg,#fffbeb,#fef3c7);border:1px solid #fde68a;border-radius:var(--radius-md);padding:22px 26px;display:flex;align-items:flex-start;gap:14px;margin-bottom:28px;box-shadow:var(--shadow-sm)}
.info-banner .i-icon{display:flex;align-items:center;flex-shrink:0;margin-top:2px;color:#d97706}
.info-banner .i-text{font-size:13px;color:#78350f;line-height:2;font-weight:500}
.info-banner .i-text strong{font-weight:700;color:#451a03}

/* ─── Draw Machine ──────────────────────────────────────────── */
.draw-machine-card{background:var(--bg-white);border:1px solid var(--border-light);border-radius:var(--radius);padding:40px 24px;text-align:center;margin-bottom:28px;box-shadow:var(--shadow-sm);position:relative;overflow:hidden}
.draw-machine-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary),var(--accent),var(--emerald),var(--primary));background-size:300% 100%;animation:shimmer-bar 4s linear infinite}
.dm-header{margin-bottom:32px}
.dm-title{font-size:11px;color:var(--text-light);text-transform:uppercase;letter-spacing:4px;font-weight:700;margin-bottom:6px}
.dm-subtitle{font-size:20px;font-weight:800;color:var(--text);display:flex;align-items:center;justify-content:center;gap:10px}
.dm-subtitle .ki{color:var(--primary)}
.dm-admin-notice{text-align:center;margin-top:8px;font-size:11px;color:#d97706;display:flex;align-items:center;justify-content:center;gap:5px}
.dm-admin-notice .ki{color:#d97706}
.number-display{display:flex;justify-content:center;gap:10px;margin-bottom:32px;flex-wrap:wrap}
.number-slot{width:66px;height:84px;background:var(--bg);border:2px solid var(--border);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:900;color:var(--text);position:relative;overflow:hidden;transition:var(--transition)}
.number-slot.active{border-color:var(--primary);background:var(--primary-soft);box-shadow:0 4px 16px rgba(79,70,229,0.12)}
.number-slot.revealed{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}
.draw-btn{background:linear-gradient(135deg,var(--accent),#d97706);color:white;border:none;padding:16px 48px;border-radius:50px;font-size:15px;font-weight:700;cursor:pointer;transition:var(--transition);font-family:'Vazirmatn',sans-serif;box-shadow:0 4px 20px rgba(245,158,11,0.3);display:inline-flex;align-items:center;gap:10px;position:relative;overflow:hidden}
.draw-btn .ki{flex-shrink:0}
.draw-btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.2),transparent);transition:0.5s}
.draw-btn:hover::before{left:100%}
.draw-btn:hover{transform:translateY(-2px);box-shadow:0 8px 32px rgba(245,158,11,0.4)}
.draw-btn:active{transform:translateY(0)}
.draw-btn:disabled{opacity:0.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}

/* ─── Section Blocks ────────────────────────────────────────── */
.section-block{margin-bottom:28px}
.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding:0 4px}
.section-head h2{font-size:17px;font-weight:800;color:var(--text);display:flex;align-items:center;gap:10px}
.section-badge{font-size:11px;color:var(--primary);background:var(--primary-soft);padding:5px 14px;border-radius:50px;font-weight:600}

/* ─── Prize Card ────────────────────────────────────────────── */
.prize-card{background:var(--bg-white);border:1px solid var(--border-light);border-radius:var(--radius);padding:32px;box-shadow:var(--shadow-sm);position:relative;overflow:hidden}
.prize-card::before{content:'';position:absolute;top:0;right:0;width:200px;height:200px;background:radial-gradient(circle,var(--accent-soft) 0%,transparent 70%);pointer-events:none}
.prize-inner{display:flex;align-items:center;gap:24px;position:relative;z-index:1}
.prize-img{width:100px;height:100px;border-radius:var(--radius-md);background:linear-gradient(135deg,#fef3c7,#fde68a);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 16px rgba(245,158,11,0.12)}
.prize-img--icon{color:var(--accent)}
.prize-detail{flex:1}
.prize-detail .prize-label{font-size:11px;color:var(--accent);font-weight:700;text-transform:uppercase;letter-spacing:2px;margin-bottom:6px;display:flex;align-items:center;gap:6px}
.prize-detail .prize-label .ki{color:var(--accent)}
.prize-detail h3{font-size:20px;font-weight:800;color:var(--text);margin-bottom:6px}
.prize-detail p{font-size:13px;color:var(--text-light);line-height:1.8}
.prize-value{display:flex;flex-direction:column;align-items:center;gap:4px;flex-shrink:0}
.prize-value .pv-amount{font-size:24px;font-weight:900;color:var(--accent);white-space:nowrap}
.prize-value .pv-label{font-size:11px;color:var(--text-light);font-weight:500}

/* ─── Purchase Section ──────────────────────────────────────── */
.purchase-chance-section{background:var(--bg-white);border:1px solid var(--border-light);border-radius:var(--radius);padding:32px;box-shadow:var(--shadow-sm);position:relative;overflow:hidden}
.purchase-chance-section::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--emerald),#34d399,var(--accent),var(--emerald));background-size:300% 100%;animation:shimmer-bar 4s linear infinite}
.purchase-rule-highlight{display:flex;align-items:center;gap:20px;background:linear-gradient(135deg,var(--emerald-soft),rgba(16,185,129,0.12));border:2px solid rgba(16,185,129,0.25);border-radius:var(--radius-md);padding:28px;margin-bottom:24px}
.purchase-rule-highlight .prh-icon{width:72px;height:72px;display:flex;align-items:center;justify-content:center;background:rgba(16,185,129,0.1);border-radius:16px;flex-shrink:0;color:var(--emerald)}
.purchase-rule-highlight .prh-content{flex:1}
.purchase-rule-highlight .prh-main{font-size:20px;font-weight:900;color:var(--emerald);margin-bottom:6px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.purchase-rule-highlight .prh-main .new-tag{font-size:10px;font-weight:700;color:white;background:linear-gradient(135deg,var(--rose),#e11d48);padding:3px 10px;border-radius:50px;animation:new-tag-pulse 2s ease-in-out infinite}
.purchase-rule-highlight .prh-desc{font-size:13px;color:var(--text-secondary);line-height:2.2}
.purchase-formula{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #bbf7d0;border-radius:var(--radius-md);padding:18px 22px;display:flex;align-items:center;gap:14px;margin-bottom:24px}
.purchase-formula .pf-icon{flex-shrink:0;display:flex;color:#16a34a}
.purchase-formula .pf-text{font-size:13px;color:#166534;line-height:2;font-weight:500}
.purchase-formula .pf-text strong{font-weight:800;color:#14532d}
.purchase-how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:24px}
.purchase-how-item{text-align:center;background:var(--bg);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:20px 14px;transition:var(--transition)}
.purchase-how-item:hover{box-shadow:var(--shadow-sm);transform:translateY(-2px)}
.purchase-how-item .phi-step{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--emerald),#059669);color:white;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800;margin:0 auto 10px}
.purchase-how-item .phi-icon{display:flex;justify-content:center;margin-bottom:8px;color:var(--emerald)}
.purchase-how-item h4{font-size:13px;font-weight:700;color:var(--text);margin-bottom:4px}
.purchase-how-item p{font-size:11px;color:var(--text-light);line-height:1.8}
.purchase-cta{text-align:center;padding-top:8px}
.purchase-cta-btn{background:linear-gradient(135deg,var(--emerald),#059669);color:white;border:none;padding:16px 40px;border-radius:50px;font-size:15px;font-weight:700;cursor:pointer;transition:var(--transition);font-family:'Vazirmatn',sans-serif;box-shadow:0 4px 20px rgba(16,185,129,0.25);display:inline-flex;align-items:center;gap:10px;position:relative;overflow:hidden;text-decoration:none}
.purchase-cta-btn .ki{flex-shrink:0}
.purchase-cta-btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.2),transparent);transition:0.5s}
.purchase-cta-btn:hover::before{left:100%}
.purchase-cta-btn:hover{transform:translateY(-2px);box-shadow:0 8px 32px rgba(16,185,129,0.35)}
.purchase-cta-btn:active{transform:translateY(0)}

/* ─── Top Chance Grid ───────────────────────────────────────── */
.top-chance-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}
.chance-card{background:var(--bg-white);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:16px;display:flex;align-items:center;gap:12px;transition:var(--transition);box-shadow:var(--shadow-sm);position:relative;overflow:hidden}
.chance-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}
.chance-card::after{content:'';position:absolute;top:0;left:0;bottom:0;width:3px;border-radius:0 4px 4px 0}
.chance-card:nth-child(1)::after{background:#f59e0b}
.chance-card:nth-child(2)::after{background:#9ca3af}
.chance-card:nth-child(3)::after{background:#d97706}
.chance-card:nth-child(n+4)::after{background:var(--primary-light)}
.chance-rank{position:absolute;top:8px;right:8px;font-size:10px;font-weight:800;color:var(--text-light);background:var(--border-light);width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center}
.chance-card:nth-child(1) .chance-rank{background:#fef3c7;color:#92400e}
.chance-card:nth-child(2) .chance-rank{background:#f1f5f9;color:#475569}
.chance-card:nth-child(3) .chance-rank{background:#fed7aa;color:#9a3412}
.chance-avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:white;flex-shrink:0}
.chance-card:nth-child(1) .chance-avatar{background:linear-gradient(135deg,#f59e0b,#d97706)}
.chance-card:nth-child(2) .chance-avatar{background:linear-gradient(135deg,#9ca3af,#6b7280)}
.chance-card:nth-child(3) .chance-avatar{background:linear-gradient(135deg,#d97706,#b45309)}
.chance-card:nth-child(n+4) .chance-avatar{background:linear-gradient(135deg,var(--primary),#7c3aed)}
.chance-info{flex:1;min-width:0}
.chance-info .c-name{font-size:13px;font-weight:700;color:var(--text);margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chance-bar-wrap{height:5px;background:var(--border-light);border-radius:50px;overflow:hidden}
.chance-bar{height:100%;border-radius:50px;transition:width 1.5s ease-out}
.chance-card:nth-child(1) .chance-bar{background:linear-gradient(90deg,#f59e0b,#fbbf24)}
.chance-card:nth-child(2) .chance-bar{background:linear-gradient(90deg,#9ca3af,#d1d5db)}
.chance-card:nth-child(3) .chance-bar{background:linear-gradient(90deg,#d97706,#f59e0b)}
.chance-card:nth-child(n+4) .chance-bar{background:linear-gradient(90deg,var(--primary),var(--primary-light))}
.chance-score{font-size:14px;font-weight:800;color:var(--primary);white-space:nowrap;flex-shrink:0;min-width:48px;text-align:left}
.chance-card:nth-child(1) .chance-score{color:#d97706}
.chance-card:nth-child(2) .chance-score{color:#6b7280}
.chance-card:nth-child(3) .chance-score{color:#b45309}

/* ─── Winners List ──────────────────────────────────────────── */
.winners-list{display:flex;flex-direction:column;gap:10px}
.w-item{display:flex;align-items:center;gap:14px;background:var(--bg-white);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:16px 18px;transition:var(--transition);box-shadow:var(--shadow-sm)}
.w-item:hover{box-shadow:var(--shadow)}
.w-avatar{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:white;flex-shrink:0}
.w-item:nth-child(odd) .w-avatar{background:linear-gradient(135deg,var(--primary),#7c3aed)}
.w-item:nth-child(even) .w-avatar{background:linear-gradient(135deg,var(--emerald),#059669)}
.w-detail{flex:1;text-align:right}
.w-detail h4{font-size:13px;font-weight:700;color:var(--text);margin-bottom:2px}
.w-detail p{font-size:11px;color:var(--text-light)}
.w-prize-badge{font-size:12px;font-weight:700;color:var(--accent);background:var(--accent-soft);padding:6px 14px;border-radius:50px;white-space:nowrap;display:flex;align-items:center;gap:5px}
.w-prize-badge .ki{color:var(--accent)}

/* ─── How It Works ──────────────────────────────────────────── */
.how-it-works{background:var(--bg-white);border:1px solid var(--border-light);border-radius:var(--radius);padding:32px;box-shadow:var(--shadow-sm)}
.how-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;position:relative}
.how-steps::before{content:'';position:absolute;top:20px;left:15%;right:15%;height:2px;background:linear-gradient(90deg,transparent,var(--border),var(--border),transparent);z-index:0}
.step-item{text-align:center;padding:0 8px;position:relative;z-index:1}
.step-num{width:42px;height:42px;border-radius:50%;background:var(--bg-white);color:var(--primary);display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:800;margin:0 auto 14px;border:2px solid var(--primary);box-shadow:0 2px 8px rgba(79,70,229,0.1)}
.step-item h4{font-size:13px;font-weight:700;color:var(--text);margin-bottom:6px}
.step-item p{font-size:12px;color:var(--text-light);line-height:1.7}

/* ─── FAQ ───────────────────────────────────────────────────── */
.faq-section{background:var(--bg-white);border:1px solid var(--border-light);border-radius:var(--radius);padding:32px;box-shadow:var(--shadow-sm)}
.faq-item{border-bottom:1px solid var(--border-light);overflow:hidden}
.faq-item:last-child{border-bottom:none}
.faq-question{width:100%;background:none;border:none;padding:18px 8px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-family:'Vazirmatn',sans-serif;font-size:14px;font-weight:700;color:var(--text);transition:var(--transition);gap:12px;text-align:right}
.faq-question:hover{color:var(--primary)}
.faq-question .faq-icon{width:32px;height:32px;border-radius:50%;background:var(--primary-soft);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:var(--transition);font-size:14px;color:var(--primary)}
.faq-item.open .faq-question .faq-icon{background:var(--primary);color:white;transform:rotate(45deg)}
.faq-answer{max-height:0;overflow:hidden;transition:max-height 0.4s cubic-bezier(0.4,0,0.2,1),padding 0.3s ease}
.faq-answer-inner{padding:0 8px 18px;font-size:13px;color:var(--text-secondary);line-height:2.2}
.faq-item.open .faq-answer{max-height:300px}

/* ─── Footer ────────────────────────────────────────────────── */
.footer-bar{text-align:center;padding:28px 0 8px;margin-top:20px;border-top:1px solid var(--border-light)}
.footer-bar p{font-size:11px;color:var(--text-light);line-height:2.2}

/* ─── Testimonials ──────────────────────────────────────────── */
.testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.tm-card{background:var(--bg-white);border-radius:var(--radius);overflow:hidden;border:1px solid var(--border-light);transition:var(--transition)}
.tm-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px);border-color:var(--primary-light)}
.tm-media{position:relative;overflow:hidden;background:#f1f5f9;height:300px}
.tm-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 0.5s cubic-bezier(0.4,0,0.2,1)}
.tm-card:hover .tm-img{transform:scale(1.05)}
.tm-video{width:100%;height:100%;object-fit:cover;display:block}
.tm-media-badge{position:absolute;top:12px;right:12px;background:rgba(255,255,255,0.92);backdrop-filter:blur(8px);padding:5px 12px;border-radius:50px;font-size:12px;font-weight:700;color:var(--text);box-shadow:0 2px 8px rgba(0,0,0,0.1);z-index:2;display:flex;align-items:center;gap:5px}
.tm-media-badge .ki{flex-shrink:0}
.tm-badge-video{background:rgba(79,70,229,0.9);color:white}
.tm-badge-video .ki{color:white}
.tm-badge-voice{background:rgba(16,185,129,0.9);color:white}
.tm-badge-voice .ki{color:white}
.tm-play-btn{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0.25);border:none;cursor:pointer;transition:var(--transition);z-index:1}
.tm-play-btn:hover{background:rgba(0,0,0,0.4)}
.tm-play-icon{width:64px;height:64px;background:rgba(255,255,255,0.95);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--primary);box-shadow:0 4px 20px rgba(0,0,0,0.2);transition:var(--transition)}
.tm-play-icon .ki{margin-right:-2px}
.tm-play-btn:hover .tm-play-icon{transform:scale(1.1)}
.tm-voice-media{background:linear-gradient(135deg,#0f172a 0%,#1e293b 50%,#334155 100%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:0 20px}
.tm-voice-visual{display:flex;flex-direction:column;align-items:center;gap:16px}
.tm-voice-icon{display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,0.8);animation:voicePulse 2s ease-in-out infinite}
.tm-voice-waves{display:flex;align-items:center;gap:3px;height:40px;direction:ltr}
.tm-voice-waves span{width:4px;border-radius:4px;background:linear-gradient(to top,var(--primary-light),var(--accent-light,#818cf8));animation:waveAnim 1.2s ease-in-out infinite;opacity:0.6}
.tm-voice-waves span:nth-child(1){height:12px;animation-delay:0s}
.tm-voice-waves span:nth-child(2){height:20px;animation-delay:0.1s}
.tm-voice-waves span:nth-child(3){height:30px;animation-delay:0.15s}
.tm-voice-waves span:nth-child(4){height:18px;animation-delay:0.2s}
.tm-voice-waves span:nth-child(5){height:35px;animation-delay:0.25s}
.tm-voice-waves span:nth-child(6){height:24px;animation-delay:0.3s}
.tm-voice-waves span:nth-child(7){height:38px;animation-delay:0.35s}
.tm-voice-waves span:nth-child(8){height:16px;animation-delay:0.4s}
.tm-voice-waves span:nth-child(9){height:28px;animation-delay:0.45s}
.tm-voice-waves span:nth-child(10){height:22px;animation-delay:0.5s}
.tm-voice-controls{display:flex;align-items:center;gap:12px;width:100%}
.tm-voice-play{width:44px;height:44px;border-radius:50%;border:none;background:var(--primary);color:white;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition);flex-shrink:0}
.tm-voice-play .ki{margin-right:-2px}
.tm-voice-play:hover{background:var(--primary-dark);transform:scale(1.08)}
.tm-content{padding:14px 16px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--border-light)}
.tm-profile{display:flex;align-items:center;gap:10px}
.tm-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--primary-light));color:white;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;flex-shrink:0}
.tm-info h4{font-size:13px;font-weight:800;color:var(--text);margin:0;line-height:1.4}
.tm-info span{font-size:11px;color:var(--text-light)}
.tm-stars{font-size:12px;letter-spacing:1px;flex-shrink:0}

/* ─── Confetti ──────────────────────────────────────────────── */
.confetti-piece{position:fixed;top:0;z-index:9999;pointer-events:none;border-radius:3px}

/* ─── Animations ────────────────────────────────────────────── */
@keyframes pulse-dot{0%,100%{opacity:1;transform:scale(1)}50%{opacity:0.4;transform:scale(0.7)}}
@keyframes trophy-float{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-14px) rotate(2deg)}}
@keyframes trophy-pulse{0%,100%{opacity:0.4;transform:scale(0.95)}50%{opacity:0.7;transform:scale(1.05)}}
@keyframes orbit-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
@keyframes orbit-item-float{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-6px) scale(1.1)}}
@keyframes sparkle-blink{0%,100%{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1)}}
@keyframes shimmer-bar{0%{background-position:0% 50%}100%{background-position:300% 50%}}
@keyframes confetti-fall{0%{transform:translateY(-110vh) rotate(0deg) scale(1);opacity:1}70%{opacity:1}100%{transform:translateY(110vh) rotate(1080deg) scale(0.3);opacity:0}}
@keyframes new-tag-pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:0.85;transform:scale(1.05)}}
@keyframes teb-bounce{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-8px) scale(1.05)}}
@keyframes confetti-sway-left{0%,100%{transform:translateY(-50%) rotate(-5deg)}50%{transform:translateY(-50%) rotate(5deg)}}
@keyframes confetti-sway-right{0%,100%{transform:translateY(-50%) rotate(5deg)}50%{transform:translateY(-50%) rotate(-5deg)}}
@keyframes crown-bounce{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-4px) rotate(3deg)}}
@keyframes ldb-fill{0%{width:0%}100%{width:72%}}
@keyframes winner-reveal-glow{0%{box-shadow:0 0 0 0 rgba(245,158,11,0.4)}50%{box-shadow:0 0 0 20px rgba(245,158,11,0)}100%{box-shadow:0 0 0 0 rgba(245,158,11,0)}}
@keyframes voicePulse{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}
@keyframes waveAnim{0%,100%{transform:scaleY(0.4);opacity:0.4}50%{transform:scaleY(1);opacity:1}}

.winner-announce-card{animation:winner-reveal-glow 2s ease-out}

/* ─── Responsive ────────────────────────────────────────────── */
@media(max-width:768px){
    .hero-grid{grid-template-columns:1fr;text-align:center;gap:30px}
    .hero-desc{margin:0 auto 28px}
    .hero-stats-inline{justify-content:center}
    .hero-visual{order:-1}
    .trophy-container{width:180px;height:180px}
    .trophy-main{font-size:80px}
    .timer-floating{flex-direction:column;gap:14px}
    .how-steps{grid-template-columns:repeat(2,1fr)}
    .how-steps::before{display:none}
    .wac-winner-profile{flex-direction:column;text-align:center}
    .wac-draw-details{grid-template-columns:1fr}
    .wac-prize-won{flex-direction:column;text-align:center}
    .wac-confetti-left,.wac-confetti-right{display:none}
    .purchase-rule-highlight{flex-direction:column;text-align:center}
    .purchase-rule-highlight .prh-content{text-align:center}
    .purchase-how-grid{grid-template-columns:1fr}
    .testimonials-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:640px){
    .hero-section{padding:40px 20px 70px}
    .number-slot{width:50px;height:66px;font-size:24px}
    .number-display{gap:7px}
    .top-chance-grid{grid-template-columns:1fr}
    .prize-inner{flex-direction:column;text-align:center}
    .prize-img{width:80px;height:80px}
    .prize-value{align-items:center}
    .draw-btn{padding:14px 36px;font-size:14px}
    .hero-stats-inline{gap:10px}
    .hero-stat{padding:8px 12px}
    .hero-stat .hs-val{font-size:15px}
    .testimonials-grid{grid-template-columns:1fr}
    .tm-media{height:280px}
}