:root{--bg-primary: #111827;--bg-secondary: #1f2937;--bg-card: #1a2332;--accent: #3b82f6;--accent-hover: #2563eb;--accent-light: rgba(59,130,246,0.1);--text-primary: #f9fafb;--text-secondary: #9ca3af;--border: #374151;--green: #10b981;--yellow: #f59e0b;--purple: #8b5cf6;--red: #ef4444;--cyan: #06b6d4}
*, *::before, *::after{box-sizing: border-box;margin: 0;padding: 0}
body{background-color: var(--bg-primary);color: var(--text-primary);font-family:system-ui,-apple-system,"Segoe UI","Noto Sans Bengali",sans-serif;font-size: 16px;line-height: 1.8}
a{color: var(--accent);text-decoration: none}
a:hover{color: var(--accent-hover)}
.navbar{background-color: #0d1117 !important;border-bottom: 1px solid var(--border);padding: 12px 0}
.navbar-brand img{height: 40px}
.navbar-nav .nav-link{color: var(--text-secondary) !important;font-size: 14px;padding: 6px 12px !important;transition: color 0.2s}
.navbar-nav .nav-link:hover{color: var(--accent) !important}
.navbar-toggler{border-color: var(--border)}
.navbar-toggler-icon{filter: invert(1)}
.btn-nav-reg{background: var(--accent);color: #fff !important;border-radius: 6px;padding: 6px 18px !important;font-weight: 600}
.btn-nav-reg:hover{background: var(--accent-hover);color: #fff !important}
.breadcrumb-wrap{background: var(--bg-secondary);border-bottom: 1px solid var(--border);padding: 12px 0}
.breadcrumb{margin: 0;background: transparent;padding: 0}
.breadcrumb-item a{color: var(--accent);font-size: 14px}
.breadcrumb-item.active{color: var(--text-secondary);font-size: 14px}
.breadcrumb-item + .breadcrumb-item::before{color: var(--text-secondary)}
.reg-hero{background: linear-gradient(135deg, #0d1117 0%, #0a1628 60%, #0d1117 100%);padding: 64px 0;position: relative;overflow: hidden}
.reg-hero::before{content: "";position: absolute;top: -100px;right: -100px;width: 500px;height: 500px;background: radial-gradient(ellipse, rgba(59,130,246,0.06) 0%, transparent 70%);pointer-events: none}
.hero-badge{display: inline-block;background: rgba(59,130,246,0.1);color: var(--accent);border: 1px solid rgba(59,130,246,0.3);border-radius: 20px;padding: 4px 18px;font-size: 13px;margin-bottom: 18px}
.reg-hero h1{font-size: clamp(24px, 4vw, 40px);font-weight: 700;color: var(--text-primary);line-height: 1.3;margin-bottom: 16px}
.reg-hero p{color: var(--text-secondary);font-size: 15px;margin-bottom: 28px;max-width: 480px}
.form-card{background: var(--bg-card);border: 1px solid var(--border);border-radius: 16px;padding: 36px 32px}
.form-card h4{font-size: 20px;font-weight: 700;color: var(--text-primary);margin-bottom: 6px}
.form-card .sub{font-size: 13px;color: var(--text-secondary);margin-bottom: 28px}
.form-label{font-size: 14px;color: var(--text-secondary);margin-bottom: 6px;font-weight: 500}
.form-control, .form-select{background: var(--bg-secondary) !important;border: 1px solid var(--border) !important;color: var(--text-primary) !important;border-radius: 8px !important;padding: 11px 14px !important;font-size: 14px !important;font-family:system-ui,-apple-system,"Segoe UI","Noto Sans Bengali",sans-serif;transition: border-color 0.2s !important}
.form-control:focus, .form-select:focus{border-color: var(--accent) !important;box-shadow: 0 0 0 3px rgba(59,130,246,0.1) !important;outline: none !important}
.form-control::placeholder{color: #4b5563 !important}
.input-group-text{background: var(--bg-secondary) !important;border: 1px solid var(--border) !important;border-right: none !important;color: var(--text-secondary) !important;border-radius: 8px 0 0 8px !important}
.input-group .form-control{border-left: none !important;border-radius: 0 8px 8px 0 !important}
.input-group-end .form-control{border-right: none !important;border-radius: 8px 0 0 8px !important}
.input-group-end .input-group-text{border-left: none !important;border-right: 1px solid var(--border) !important;border-radius: 0 8px 8px 0 !important;cursor: pointer}
.btn-submit{background: var(--accent);color: #fff;border: none;border-radius: 8px;padding: 13px;font-size: 16px;font-weight: 700;width: 100%;transition: background 0.2s, transform 0.1s;font-family:system-ui,-apple-system,"Segoe UI","Noto Sans Bengali",sans-serif;cursor: pointer}
.btn-submit:hover{background: var(--accent-hover);transform: translateY(-1px)}
.form-check-input{background-color: var(--bg-secondary) !important;border-color: var(--border) !important}
.form-check-input:checked{background-color: var(--accent) !important;border-color: var(--accent) !important}
.form-check-label{font-size: 13px;color: var(--text-secondary)}
.form-check-label a{color: var(--accent)}
.divider{display: flex;align-items: center;gap: 12px;margin: 20px 0}
.divider::before, .divider::after{content: "";flex: 1;height: 1px;background: var(--border)}
.divider span{font-size: 13px;color: var(--text-secondary);white-space: nowrap}
.strength-bar{height: 4px;border-radius: 2px;background: var(--border);margin-top: 6px;overflow: hidden}
.strength-fill{height: 100%;border-radius: 2px;width: 0;transition: width 0.3s, background 0.3s}
.strength-label{font-size: 12px;color: var(--text-secondary);margin-top: 4px}
.steps-wrap{padding: 64px 0}
.step-item{display: flex;gap: 20px;align-items: flex-start;margin-bottom: 32px}
.step-item:last-child{margin-bottom: 0}
.step-num{width: 44px;height: 44px;border-radius: 50%;background: var(--accent-light);border: 2px solid var(--accent);color: var(--accent);font-size: 16px;font-weight: 700;display: flex;align-items: center;justify-content: center;flex-shrink: 0}
.step-content h5{font-size: 16px;font-weight: 600;color: var(--text-primary);margin-bottom: 6px}
.step-content p{font-size: 14px;color: var(--text-secondary);margin: 0}
.step-connector{width: 2px;height: 28px;background: var(--border);margin-left: 21px;margin-bottom: 4px}
section{padding: 64px 0}
.section-label{color: var(--accent);font-size: 13px;font-weight: 600;letter-spacing: 2px;text-transform: uppercase;margin-bottom: 8px}
.section-title{font-size: clamp(20px, 3vw, 32px);font-weight: 700;color: var(--text-primary);margin-bottom: 14px}
.section-sub{color: var(--text-secondary);font-size: 15px;max-width: 560px;margin: 0 auto 48px}
.feature-card{background: var(--bg-card);border: 1px solid var(--border);border-radius: 14px;padding: 28px 24px;height: 100%;transition: border-color 0.2s, transform 0.2s}
.feature-card:hover{border-color: var(--accent);transform: translateY(-3px)}
.f-icon{width: 52px;height: 52px;border-radius: 12px;display: flex;align-items: center;justify-content: center;font-size: 22px;margin-bottom: 18px}
.feature-card h5{font-size: 17px;font-weight: 600;color: var(--text-primary);margin-bottom: 10px}
.feature-card p{font-size: 14px;color: var(--text-secondary);margin: 0}
.bonus-card{background: linear-gradient(135deg, #0a1628 0%, #0d1f3c 100%);border: 1px solid rgba(59,130,246,0.3);border-radius: 14px;padding: 28px;position: relative;overflow: hidden}
.bonus-card::before{content: "";position: absolute;top: -40px;right: -40px;width: 160px;height: 160px;background: radial-gradient(ellipse, rgba(59,130,246,0.12) 0%, transparent 70%)}
.bonus-tag{display: inline-block;background: var(--accent);color: #fff;font-size: 11px;font-weight: 700;padding: 3px 10px;border-radius: 4px;margin-bottom: 12px;letter-spacing: 1px}
.bonus-amount{font-size: 36px;font-weight: 700;color: var(--accent);line-height: 1.1;margin-bottom: 8px}
.bonus-card h5{font-size: 16px;font-weight: 600;color: var(--text-primary);margin-bottom: 8px}
.bonus-card p{font-size: 14px;color: var(--text-secondary);margin: 0}
.content-block{background: var(--bg-card);border: 1px solid var(--border);border-radius: 14px;padding: 36px;margin-bottom: 24px}
.content-block h3{font-size: 20px;font-weight: 600;color: var(--text-primary);margin-bottom: 16px;padding-bottom: 14px;border-bottom: 1px solid var(--border)}
.content-block p{font-size: 15px;color: var(--text-secondary);margin-bottom: 14px}
.content-block p:last-child{margin-bottom: 0}
.content-block ul{list-style: none;padding: 0;margin-bottom: 14px}
.content-block ul li{font-size: 15px;color: var(--text-secondary);padding: 7px 0 7px 22px;position: relative;border-bottom: 1px solid rgba(55,65,81,0.4)}
.content-block ul li:last-child{border-bottom: none}
.content-block ul li::before{content: "";position: absolute;left: 0;top: 15px;width: 8px;height: 8px;border-radius: 50%;background: var(--accent);opacity: 0.7}
.content-block strong{color: var(--text-primary)}
.alert-info-custom{background: rgba(59,130,246,0.07);border: 1px solid rgba(59,130,246,0.2);border-radius: 10px;padding: 14px 18px;display: flex;gap: 12px;align-items: flex-start;margin-bottom: 16px}
.alert-info-custom .al-icon{color: var(--accent);font-size: 16px;flex-shrink: 0;margin-top: 2px}
.alert-info-custom p{font-size: 14px;color: var(--text-secondary);margin: 0}
.alert-success-custom{background: rgba(16,185,129,0.07);border: 1px solid rgba(16,185,129,0.2);border-radius: 10px;padding: 14px 18px;display: flex;gap: 12px;align-items: flex-start;margin-bottom: 16px}
.alert-success-custom .al-icon{color: var(--green);font-size: 16px;flex-shrink: 0;margin-top: 2px}
.alert-success-custom p{font-size: 14px;color: var(--text-secondary);margin: 0}
.accordion-item{background: var(--bg-card) !important;border: 1px solid var(--border) !important;border-radius: 10px !important;margin-bottom: 10px;overflow: hidden}
.accordion-button{background: var(--bg-card) !important;color: var(--text-primary) !important;font-size: 15px;font-weight: 500;box-shadow: none !important;padding: 18px 20px;font-family:system-ui,-apple-system,"Segoe UI","Noto Sans Bengali",sans-serif}
.accordion-button:not(.collapsed){color: var(--accent) !important}
.accordion-button::after{filter: invert(1) brightness(0.7)}
.accordion-body{background: var(--bg-secondary) !important;color: var(--text-secondary);font-size: 14px;padding: 18px 20px;border-top: 1px solid var(--border)}
.cta-section{background: linear-gradient(135deg, #0d1117 0%, #0a1628 50%, #0d1117 100%);padding: 72px 0;text-align: center}
.cta-section h2{font-size: clamp(22px, 3.5vw, 36px);font-weight: 700;margin-bottom: 16px}
.cta-section p{color: var(--text-secondary);font-size: 16px;max-width: 520px;margin: 0 auto 32px}
.btn-primary-custom{background: var(--accent);color: #fff;border: none;border-radius: 8px;padding: 13px 36px;font-size: 15px;font-weight: 700;display: inline-block;transition: background 0.2s, transform 0.1s;font-family:system-ui,-apple-system,"Segoe UI","Noto Sans Bengali",sans-serif}
.btn-primary-custom:hover{background: var(--accent-hover);color: #fff;transform: translateY(-1px)}
.btn-outline-custom{background: transparent;color: var(--accent);border: 1px solid var(--accent);border-radius: 8px;padding: 13px 36px;font-size: 15px;font-weight: 700;display: inline-block;transition: all 0.2s}
.btn-outline-custom:hover{background: var(--accent);color: #fff}
.trust-badge{display: flex;align-items: center;gap: 10px;padding: 12px 16px;background: var(--bg-secondary);border: 1px solid var(--border);border-radius: 10px}
.trust-badge i{font-size: 18px}
.trust-badge span{font-size: 13px;color: var(--text-secondary)}
footer{background: #0d1117;border-top: 1px solid var(--border);padding: 52px 0 24px}
.footer-logo img{height: 36px;margin-bottom: 14px}
.footer-desc{font-size: 14px;color: var(--text-secondary);max-width: 280px}
.footer-heading{font-size: 13px;font-weight: 600;color: var(--text-primary);text-transform: uppercase;letter-spacing: 1px;margin-bottom: 16px}
.footer-links{list-style: none;padding: 0;margin: 0}
.footer-links li{margin-bottom: 9px}
.footer-links a{font-size: 14px;color: var(--text-secondary);transition: color 0.2s}
.footer-links a:hover{color: var(--accent)}
.footer-bottom{border-top: 1px solid var(--border);margin-top: 44px;padding-top: 22px}
.footer-bottom p{font-size: 13px;color: var(--text-secondary);margin: 0}
@media  (max-width: 768px) {.reg-hero{padding: 48px 0}
.form-card{padding: 24px 18px}
.content-block{padding: 24px 18px}
section{padding: 48px 0}}