.bd-topup-container{min-height:100vh;background:linear-gradient(135deg,#1e3a8a,#7c3aed,#ec4899);position:relative;overflow-x:hidden}.bd-hero{padding-top:90px;padding-bottom:48px;position:relative}.bd-hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(59,130,246,.1) 0,transparent 50%),radial-gradient(circle at 80% 20%,rgba(168,85,247,.1) 0,transparent 50%),radial-gradient(circle at 40% 80%,rgba(236,72,153,.1) 0,transparent 50%)}.bd-hero-content{max-width:1200px;margin:0 auto;padding:0 16px;text-align:center;position:relative;z-index:1}.bd-main-title{font-size:clamp(2.5rem,6vw,4rem);font-weight:800;color:white;margin-bottom:24px;text-shadow:0 4px 8px rgba(0,0,0,.3);line-height:1.1}.bd-highlight{color:#fbbf24;text-shadow:0 0 20px rgba(251,191,36,.5);animation:glow 2s ease-in-out infinite alternate}@keyframes glow{0%{text-shadow:0 0 20px rgba(251,191,36,.5)}to{text-shadow:0 0 30px rgba(251,191,36,.8),0 0 40px rgba(251,191,36,.3)}}.bd-subtitle{font-size:clamp(1.2rem,3vw,1.5rem);color:#93c5fd;margin-bottom:32px;font-weight:600}.bd-description{font-size:1.125rem;color:#d1d5db;margin-bottom:48px;max-width:768px;margin-left:auto;margin-right:auto;line-height:1.6}.bd-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;margin-bottom:48px}.bd-feature-card{background:rgba(255,255,255,.1);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:32px 24px;text-align:center;transition:all .3s ease;position:relative;overflow:hidden}.bd-feature-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}.bd-feature-card:hover:before{left:100%}.bd-feature-card:hover{transform:translateY(-8px);background:rgba(255,255,255,.15);box-shadow:0 20px 40px rgba(0,0,0,.3)}.bd-feature-title{font-size:1.25rem;font-weight:700;color:#fbbf24;margin-bottom:12px}.bd-feature-text{color:#d1d5db;font-size:.95rem}.bd-services{padding:48px 16px;background:rgba(0,0,0,.2);backdrop-filter:blur(5px)}.bd-services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:32px;margin-bottom:48px;max-width:1200px;margin-left:auto;margin-right:auto}.bd-service-item{text-align:center;transition:transform .3s ease}.bd-service-item:hover{transform:scale(1.05)}.bd-service-icon{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;font-size:2rem;position:relative;overflow:hidden}.bd-service-icon.diamond{background:linear-gradient(135deg,#3b82f6,#7c3aed)}.bd-service-icon.weekly{background:linear-gradient(135deg,#10b981,#3b82f6)}.bd-service-icon.airdrop{background:linear-gradient(135deg,#7c3aed,#ec4899)}.bd-service-icon.check{background:linear-gradient(135deg,#f59e0b,#ef4444)}.bd-service-title{font-size:1.125rem;font-weight:700;color:white;margin-bottom:8px}.bd-service-desc{color:#d1d5db;font-size:.875rem}.bd-section-title{font-size:clamp(2rem,4vw,3rem);font-weight:700;color:white;text-align:center;margin-bottom:48px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.bd-why-choose{padding:48px 16px;background:rgba(0,0,0,.2)}.bd-benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px;max-width:1024px;margin:0 auto}.bd-benefit-list{display:flex;flex-direction:column;gap:24px}.bd-benefit-item{display:flex;align-items:flex-start;gap:16px}.bd-benefit-icon{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:4px;font-size:.875rem;color:white;font-weight:600}.bd-benefit-icon.check{background:#10b981}.bd-benefit-icon.speed{background:#3b82f6}.bd-benefit-title{font-size:1.125rem;font-weight:700;color:white;margin-bottom:8px}.bd-benefit-desc{color:#d1d5db;line-height:1.5}.bd-cta{padding:48px 16px;text-align:center}.bd-cta-content{max-width:1024px;margin:0 auto}.bd-cta-title{font-size:clamp(2rem,4vw,3rem);font-weight:700;color:white;margin-bottom:24px}.bd-cta-subtitle{font-size:1.25rem;color:#d1d5db;margin-bottom:32px}.bd-cta-buttons{display:flex;flex-direction:column;gap:16px;align-items:center}@media (min-width:640px){.bd-cta-buttons{flex-direction:row;justify-content:center}}.bd-btn{padding:16px 32px;border-radius:12px;font-weight:700;font-size:1.125rem;text-decoration:none;transition:all .3s ease;display:inline-block;position:relative;overflow:hidden}.bd-btn-primary{background:linear-gradient(135deg,#2563eb,#7c3aed);color:white;border:none}.bd-btn-primary:hover{background:linear-gradient(135deg,#1d4ed8,#6d28d9);transform:scale(1.05);box-shadow:0 10px 25px rgba(37,99,235,.4)}.bd-btn-secondary{background:transparent;color:#fbbf24;border:2px solid #fbbf24}.bd-btn-secondary:hover{background:#fbbf24;color:black;transform:scale(1.05);box-shadow:0 10px 25px rgba(251,191,36,.4)}@media (max-width:768px){.bd-hero{padding-top:85px;padding-bottom:32px}.bd-features{grid-template-columns:1fr;gap:16px}.bd-services-grid{grid-template-columns:repeat(2,1fr);gap:24px}.bd-benefits-grid{grid-template-columns:1fr;gap:24px}.bd-feature-card{padding:24px 16px}}@media (max-width:480px){.bd-services-grid{grid-template-columns:1fr;gap:20px}.bd-service-icon{width:56px;height:56px;font-size:1.75rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.bd-animate{animation:fadeInUp .6s ease-out forwards}.bd-animate:nth-child(2){animation-delay:.1s}.bd-animate:nth-child(3){animation-delay:.2s}.bd-animate:nth-child(4){animation-delay:.3s}.bd-hover-glow:hover{box-shadow:0 0 30px rgba(59,130,246,.3);border-color:rgba(59,130,246,.5)}.bd-topup-container:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(2px 2px at 20px 30px,rgba(255,255,255,.1),transparent),radial-gradient(2px 2px at 40px 70px,rgba(255,255,255,.1),transparent),radial-gradient(1px 1px at 90px 40px,rgba(255,255,255,.1),transparent),radial-gradient(1px 1px at 130px 80px,rgba(255,255,255,.1),transparent);background-size:150px 150px;animation:float 20s linear infinite;pointer-events:none;z-index:0}@keyframes float{0%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(180deg)}to{transform:translateY(0) rotate(1turn)}}