:root{--purple: #7c3aed;--pink: #ec4899;--bg-dark: #020617;--bg-card: #111827;--bg-card2: #1e1b4b;--text-light: #e2e8f0;--text-muted: #94a3b8;--border-glow: rgba(124,58,237,0.4)}
*{box-sizing: border-box}
body{background-color: var(--bg-dark);color: var(--text-light);font-family:system-ui,-apple-system,"Segoe UI","Noto Sans Bengali",sans-serif;font-size: 1rem;line-height: 1.8}
a{color: var(--pink);text-decoration: none}
a:hover{color: #f9a8d4}
.navbar{background: rgba(2,6,23,0.97);border-bottom: 1px solid var(--border-glow);backdrop-filter: blur(10px);padding: 0.6rem 0}
.navbar-brand img{height: 42px}
.navbar-toggler{border-color: var(--purple)}
.navbar-toggler-icon{background-image: url("https://melbetaffiliatebet.sbs/template-assets/melbetaffiliatebet-0c550b/assets/resource-bdf59d791dc094.svg")}
.nav-link{color: var(--text-light) !important;font-size: 0.88rem;padding: 0.5rem 0.75rem !important;transition: color 0.2s}
.nav-link:hover, .nav-link.active{color: var(--pink) !important}
.grad-text{background: linear-gradient(90deg, var(--purple), var(--pink));-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text}
.btn-neon{background: linear-gradient(135deg, var(--purple), var(--pink));color: #fff;border: none;border-radius: 50px;padding: 0.65rem 2rem;font-weight: 600;letter-spacing: 0.5px;transition: opacity 0.2s, transform 0.2s;box-shadow: 0 0 18px rgba(124,58,237,0.5)}
.btn-neon:hover{opacity: 0.88;transform: translateY(-2px);color: #fff}
.btn-outline-neon{background: transparent;border: 2px solid var(--purple);color: var(--text-light);border-radius: 50px;padding: 0.6rem 1.8rem;font-weight: 600;transition: all 0.2s}
.btn-outline-neon:hover{background: var(--purple);color: #fff}
.hero-section{min-height: 88vh;display: flex;align-items: center;background: radial-gradient(ellipse at 60% 40%, rgba(124,58,237,0.18) 0%, transparent 70%),
                radial-gradient(ellipse at 20% 80%, rgba(236,72,153,0.12) 0%, transparent 60%),
                var(--bg-dark);position: relative;overflow: hidden;padding: 5rem 0 3rem}
.hero-section::before{content: "";position: absolute;top: -80px;right: -80px;width: 400px;height: 400px;border-radius: 50%;background: radial-gradient(circle, rgba(124,58,237,0.15), transparent 70%);pointer-events: none}
.hero-badge{display: inline-block;background: rgba(124,58,237,0.2);border: 1px solid var(--purple);color: #c4b5fd;border-radius: 50px;padding: 0.3rem 1rem;font-size: 0.82rem;margin-bottom: 1.2rem;letter-spacing: 1px}
.hero-section h1{font-size: clamp(2rem, 5vw, 3.4rem);font-weight: 700;line-height: 1.25;margin-bottom: 1.2rem}
.hero-section p.lead{color: var(--text-muted);font-size: 1.1rem;max-width: 520px;margin-bottom: 2rem}
.hero-img-wrap{position: relative}
.hero-img-wrap img{border-radius: 16px;box-shadow: 0 0 40px rgba(124,58,237,0.35);width: 100%}
.hero-img-wrap::after{content: "";position: absolute;inset: -2px;border-radius: 18px;background: linear-gradient(135deg, var(--purple), var(--pink));z-index: -1;opacity: 0.5}
.section-title{font-size: clamp(1.5rem, 3vw, 2.2rem);font-weight: 700;margin-bottom: 0.5rem}
.section-sub{color: var(--text-muted);font-size: 1rem;margin-bottom: 2.5rem}
.divider-neon{width: 60px;height: 3px;background: linear-gradient(90deg, var(--purple), var(--pink));border-radius: 2px;margin: 0.6rem auto 1.2rem}
.card-dark{background: var(--bg-card);border: 1px solid rgba(124,58,237,0.25);border-radius: 16px;padding: 1.8rem 1.5rem;transition: transform 0.25s, box-shadow 0.25s;height: 100%}
.card-dark:hover{transform: translateY(-5px);box-shadow: 0 8px 32px rgba(124,58,237,0.3)}
.icon-box{width: 56px;height: 56px;border-radius: 14px;background: linear-gradient(135deg, rgba(124,58,237,0.3), rgba(236,72,153,0.2));display: flex;align-items: center;justify-content: center;font-size: 1.5rem;margin-bottom: 1rem;color: #c4b5fd}
.card-dark h5{font-weight: 600;color: #e2e8f0;margin-bottom: 0.5rem}
.card-dark p{color: var(--text-muted);font-size: 0.93rem;margin: 0}
.section-alt{background: var(--bg-card)}
.section-alt2{background: #0f0a1e}
.pricing-card{background: var(--bg-card);border: 1px solid rgba(124,58,237,0.25);border-radius: 20px;padding: 2rem 1.5rem;text-align: center;position: relative;transition: transform 0.25s, box-shadow 0.25s;height: 100%}
.pricing-card.featured{border-color: var(--purple);box-shadow: 0 0 30px rgba(124,58,237,0.35);background: linear-gradient(160deg, #1e1b4b, #111827)}
.pricing-card .badge-top{position: absolute;top: -14px;left: 50%;transform: translateX(-50%);background: linear-gradient(90deg, var(--purple), var(--pink));color: #fff;border-radius: 50px;padding: 0.25rem 1.2rem;font-size: 0.78rem;font-weight: 600;white-space: nowrap}
.pricing-card:hover{transform: translateY(-6px)}
.pricing-card .price{font-size: 2.4rem;font-weight: 700;line-height: 1.1}
.pricing-card .price span{font-size: 1rem;font-weight: 400;color: var(--text-muted)}
.pricing-card ul{list-style: none;padding: 0;margin: 1.2rem 0;text-align: left}
.pricing-card ul li{padding: 0.35rem 0;color: var(--text-muted);font-size: 0.92rem}
.pricing-card ul li i{color: var(--pink);margin-right: 0.5rem}
.compare-table{border-collapse: separate;border-spacing: 0;width: 100%}
.compare-table th{background: linear-gradient(135deg, var(--purple), var(--pink));color: #fff;padding: 1rem;font-weight: 600;text-align: center}
.compare-table th:first-child{border-radius: 12px 0 0 0}
.compare-table th:last-child{border-radius: 0 12px 0 0}
.compare-table td{background: var(--bg-card);border-bottom: 1px solid rgba(124,58,237,0.15);padding: 0.85rem 1rem;color: var(--text-muted);text-align: center;font-size: 0.93rem}
.compare-table td:first-child{text-align: left;color: var(--text-light);font-weight: 500}
.compare-table tr:last-child td:first-child{border-radius: 0 0 0 12px}
.compare-table tr:last-child td:last-child{border-radius: 0 0 12px 0}
.check-yes{color: #4ade80;font-size: 1.1rem}
.check-no{color: #f87171;font-size: 1.1rem}
.testi-card{background: var(--bg-card);border: 1px solid rgba(124,58,237,0.2);border-radius: 16px;padding: 1.8rem;position: relative;height: 100%}
.testi-card::before{content: "“";font-size: 4rem;color: var(--purple);opacity: 0.3;position: absolute;top: 0.5rem;left: 1rem;line-height: 1;font-family:system-ui,-apple-system,"Segoe UI","Noto Sans Bengali",sans-serif}
.testi-card p{color: var(--text-muted);font-size: 0.95rem;margin-bottom: 1.2rem;padding-top: 1.5rem}
.testi-stars{color: #fbbf24;font-size: 0.9rem;margin-bottom: 0.5rem}
.testi-name{font-weight: 600;color: var(--text-light);font-size: 0.95rem}
.testi-city{color: var(--text-muted);font-size: 0.82rem}
.privacy-notice{background: linear-gradient(135deg, rgba(124,58,237,0.12), rgba(236,72,153,0.08));border: 1px solid rgba(124,58,237,0.35);border-left: 4px solid var(--purple);border-radius: 12px;padding: 1.5rem 1.8rem}
.privacy-notice h5{color: #c4b5fd;font-weight: 600;margin-bottom: 0.6rem}
.privacy-notice p{color: var(--text-muted);font-size: 0.92rem;margin: 0}
.rg-card{background: linear-gradient(135deg, #1e1b4b, #111827);border: 1px solid rgba(236,72,153,0.3);border-radius: 16px;padding: 1.5rem;height: 100%}
.rg-card i{font-size: 1.8rem;margin-bottom: 0.8rem;color: var(--pink)}
.rg-card h6{font-weight: 600;color: var(--text-light);margin-bottom: 0.4rem}
.rg-card p{color: var(--text-muted);font-size: 0.88rem;margin: 0}
.stats-strip{background: linear-gradient(90deg, rgba(124,58,237,0.15), rgba(236,72,153,0.1));border-top: 1px solid rgba(124,58,237,0.2);border-bottom: 1px solid rgba(124,58,237,0.2)}
.stat-item{text-align: center;padding: 1.5rem 1rem}
.stat-item .num{font-size: 2rem;font-weight: 700;background: linear-gradient(90deg, var(--purple), var(--pink));-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text}
.stat-item .label{color: var(--text-muted);font-size: 0.85rem}
footer{background: #020617;border-top: 1px solid rgba(124,58,237,0.25);padding: 3rem 0 1.5rem}
footer .footer-brand{font-size: 1.4rem;font-weight: 700;margin-bottom: 0.8rem}
footer .footer-desc{color: var(--text-muted);font-size: 0.88rem;max-width: 280px}
footer h6{color: #c4b5fd;font-weight: 600;margin-bottom: 1rem;font-size: 0.9rem;letter-spacing: 0.5px;text-transform: uppercase}
footer ul{list-style: none;padding: 0;margin: 0}
footer ul li{margin-bottom: 0.5rem}
footer ul li a{color: var(--text-muted);font-size: 0.88rem;transition: color 0.2s}
footer ul li a:hover{color: var(--pink)}
.footer-bottom{border-top: 1px solid rgba(124,58,237,0.15);margin-top: 2rem;padding-top: 1.2rem;color: var(--text-muted);font-size: 0.82rem}
section{padding: 5rem 0}
.img-fluid-rounded{border-radius: 14px;box-shadow: 0 4px 24px rgba(124,58,237,0.25);width: 100%;height: auto;display: block;margin: 0 auto}
.text-pink{color: var(--pink)}
.text-purple{color: #c4b5fd}
@media  (max-width: 768px) {.hero-section{padding: 4rem 0 2rem;min-height: auto}
section{padding: 3rem 0}}