*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}:root{--gold:#F0B90B;--gold-light:#FFD84D;--gold-dark:#C8960A;--cyan:#00D4FF;--purple:#7C3AED;--red:#FF4444;--orange:#FF6B35;--green:#00E87A;--bg-page:#09101F;--bg-card:#111827;--bg-elevated:#162032;--bg-hover:#1C2A3A;--bg-input:#0F172A;--bg-header:#0C1526;--bg-sidebar:#0C1526;--bg-overlay:rgba(9,16,31,0.85);--txt-white:#F8FAFC;--txt-primary:#94A3B8;--txt-muted:#4B5563;--txt-gold:var(--gold);--border:rgba(255,255,255,0.06);--border-gold:rgba(240,185,11,0.35);--sidebar-w:220px;--header-h:62px;--r-sm:6px;--r-md:10px;--r-lg:16px;--r-xl:24px;--ease:cubic-bezier(0.4,0,0.2,1)}body{font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:var(--bg-page);color:var(--txt-primary);overflow-x:hidden;min-height:100vh;-webkit-font-smoothing:antialiased}img{display:block;max-width:100%}a{text-decoration:none;color:inherit}button{font-family:inherit;cursor:pointer}@keyframes parimoniChromeGleam{0%{background-position:0% 50%;filter:drop-shadow(0 2px 8px rgba(0,229,255,0.45))}50%{background-position:100% 50%;filter:drop-shadow(0 2px 10px rgba(255,23,68,0.5))}100%{background-position:0% 50%;filter:drop-shadow(0 2px 8px rgba(0,229,255,0.45))}}@keyframes betBadgeGlow{0%{border-color:rgba(0,229,255,0.6);box-shadow:0 4px 12px rgba(0,0,0,0.6),0 0 14px rgba(0,229,255,0.35),inset 0 1px 0 rgba(255,255,255,0.7),inset 0 -2px 0 rgba(0,0,0,0.4)}50%{border-color:rgba(255,23,68,0.7);box-shadow:0 4px 12px rgba(0,0,0,0.6),0 0 16px rgba(255,23,68,0.45),inset 0 1px 0 rgba(255,255,255,0.7),inset 0 -2px 0 rgba(0,0,0,0.4)}100%{border-color:rgba(0,229,255,0.6);box-shadow:0 4px 12px rgba(0,0,0,0.6),0 0 14px rgba(0,229,255,0.35),inset 0 1px 0 rgba(255,255,255,0.7),inset 0 -2px 0 rgba(0,0,0,0.4)}}.bdt-logo{display:inline-flex;flex-direction:row;align-items:center;gap:7px;line-height:1;cursor:pointer;user-select:none;text-decoration:none;position:relative;transform:skewX(-8deg);transition:transform 0.25s cubic-bezier(0.34,1.56,0.64,1)}.bdt-logo:hover{transform:skewX(-8deg) scale(1.05) translateY(-2px)}.bdt-logo-top{font-family:'Inter',system-ui,-apple-system,sans-serif;font-size:22px;font-weight:900;font-style:italic;letter-spacing:1.8px;text-transform:uppercase;display:inline-block;position:relative;background:linear-gradient( 180deg,#FFFFFF 0%,#D8F5FF 14%,#00E5FF 32%,#0055FF 50%,#1A002E 53%,#FF0055 72%,#FF1744 88%,#FFE0E6 100% );background-size:260% 260%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;-webkit-text-stroke:0.85px rgba(255,255,255,0.65);paint-order:stroke fill;text-shadow:0 1px 0 rgba(255,255,255,0.6),1px 1px 0 #1e293b,2px 2px 0 #162032,3px 3px 0 #0f172a,4px 4px 1px #000000,5px 5px 10px rgba(0,0,0,0.9);animation:parimoniChromeGleam 5s ease-in-out infinite}.bdt-logo-sub{font-family:'Inter',system-ui,-apple-system,sans-serif;font-size:8.5px;font-weight:900;font-style:italic;letter-spacing:3px;text-transform:uppercase;display:inline-flex;align-items:center;justify-content:center;padding:2.5px 8px 2px 10px;border-radius:4px;margin-top:0;background:linear-gradient(135deg,#FF1744 0%,#B70028 50%,#0044CC 85%,#00E5FF 100%);background-size:250% 100%;border:1.2px solid rgba(255,255,255,0.6);color:#FFFFFF !important;-webkit-text-fill-color:#FFFFFF !important;text-shadow:0 1px 2px rgba(0,0,0,0.9);box-shadow:0 3px 8px rgba(0,0,0,0.7),inset 0 1px 0 rgba(255,255,255,0.75),inset 0 -1.5px 0 rgba(0,0,0,0.5);animation:betBadgeGlow 5s ease-in-out infinite}.bdt-logo:hover .bdt-logo-top{filter:drop-shadow(0 2px 12px rgba(0,229,255,0.8))}.bdt-logo:hover .bdt-logo-sub{box-shadow:0 4px 12px rgba(0,0,0,0.7),0 0 16px rgba(255,23,68,0.6)}.badge-hot{background:linear-gradient(135deg,#FF4444,#FF6B35)}.badge-new{background:linear-gradient(135deg,#7C3AED,#00D4FF)}.badge-live{background:linear-gradient(135deg,#00E87A,#00D4FF)}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:20px;font-size:10px;font-weight:700;color:#000;letter-spacing:0.5px}.live-dot{width:6px;height:6px;background:var(--green);border-radius:50%;animation:pulse-dot 1.4s ease-in-out infinite;flex-shrink:0}@keyframes pulse-dot{0%,100%{box-shadow:0 0 0 0 rgba(0,232,122,0.7)}50%{box-shadow:0 0 0 5px rgba(0,232,122,0)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 28px;border-radius:12px;font-family:inherit;font-size:14px;font-weight:800;letter-spacing:0.5px;text-transform:uppercase;text-decoration:none;border:1px solid transparent;transition:all 0.2s cubic-bezier(0.16,1,0.3,1);white-space:nowrap;user-select:none;cursor:pointer;position:relative;overflow:hidden}.btn-gold{background:linear-gradient(180deg,#FFE366 0%,#FFC700 38%,#F59E0B 75%,#D97706 100%);color:#1a0f00 !important;border:1px solid #FFE066;box-shadow:inset 0 1px 0 rgba(255,255,255,0.85),inset 0 -2px 0 rgba(0,0,0,0.25),0 4px 16px rgba(245,158,11,0.4),0 2px 4px rgba(0,0,0,0.6);text-shadow:0 1px 0 rgba(255,255,255,0.45)}.btn-gold::after{content:'';position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.4),transparent);transform:skewX(-20deg);transition:left 0.55s ease;pointer-events:none}.btn-gold:hover::after{left:140%}.btn-gold:hover{filter:brightness(1.08);transform:translateY(-2px);box-shadow:inset 0 1px 0 rgba(255,255,255,0.95),inset 0 -2px 0 rgba(0,0,0,0.25),0 8px 24px rgba(245,158,11,0.6),0 2px 6px rgba(0,0,0,0.7)}.btn-gold:active{transform:translateY(1px);box-shadow:inset 0 2px 4px rgba(0,0,0,0.35),0 2px 6px rgba(245,158,11,0.3);filter:brightness(0.98)}.btn-outline{background:linear-gradient(180deg,rgba(30,41,59,0.75) 0%,rgba(15,23,42,0.92) 100%);color:#E2E8F0 !important;border:1px solid rgba(255,255,255,0.14);box-shadow:inset 0 1px 0 rgba(255,255,255,0.16),inset 0 -1px 0 rgba(0,0,0,0.6),0 4px 14px rgba(0,0,0,0.45);backdrop-filter:blur(8px)}.btn-outline:hover{background:linear-gradient(180deg,rgba(38,52,75,0.85) 0%,rgba(20,30,50,0.96) 100%);border-color:rgba(0,229,255,0.5);color:#FFFFFF !important;transform:translateY(-2px);box-shadow:inset 0 1px 0 rgba(255,255,255,0.25),0 6px 20px rgba(0,229,255,0.25),0 2px 4px rgba(0,0,0,0.6)}.btn-outline:active{transform:translateY(1px);box-shadow:inset 0 2px 4px rgba(0,0,0,0.5)}.btn-ghost{background:rgba(255,255,255,0.05);color:#E2E8F0 !important;border:1px solid rgba(255,255,255,0.1);backdrop-filter:blur(8px);box-shadow:0 2px 8px rgba(0,0,0,0.25)}.btn-ghost:hover{background:rgba(255,255,255,0.12);border-color:rgba(255,255,255,0.25);color:#FFFFFF !important;transform:translateY(-1px);box-shadow:0 4px 14px rgba(0,0,0,0.35)}.btn-ghost:active{transform:translateY(1px)}.landing-nav{position:fixed;top:0;left:0;right:0;z-index:100;height:68px;display:flex;align-items:center;justify-content:space-between;padding:0 48px;background:transparent;backdrop-filter:blur(0px);border-bottom:1px solid transparent;transition:background 0.35s var(--ease),backdrop-filter 0.35s var(--ease),border-color 0.35s var(--ease),box-shadow 0.35s var(--ease)}.landing-nav.scrolled{background:rgba(9,16,31,0.88);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);box-shadow:0 8px 30px rgba(0,0,0,0.45)}.landing-nav .bdt-logo{opacity:0;pointer-events:none;transform:skewX(-7deg) translateY(-8px) scale(0.92);transition:opacity 0.32s cubic-bezier(0.16,1,0.3,1),transform 0.32s cubic-bezier(0.16,1,0.3,1);will-change:opacity,transform}.landing-nav.brand-visible .bdt-logo{opacity:1;pointer-events:auto;transform:skewX(-7deg) translateY(0) scale(1)}.landing-nav-links{display:flex;align-items:center;gap:6px}.hero{position:relative;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:120px 24px 60px;overflow:hidden;text-align:center}.hero-bg{position:absolute;inset:0;z-index:0;background:radial-gradient(ellipse 80% 60% at 50% -10%,rgba(240,185,11,0.14) 0%,transparent 70%),radial-gradient(ellipse 60% 40% at 80% 80%,rgba(124,58,237,0.12) 0%,transparent 60%),radial-gradient(ellipse 50% 40% at 20% 70%,rgba(0,212,255,0.08) 0%,transparent 60%),var(--bg-page);animation:bg-shift 10s ease-in-out infinite alternate}@keyframes bg-shift{from{background-position:0% 0%}to{background-position:5% 5%}}.hero-orb{position:absolute;border-radius:50%;filter:blur(80px);pointer-events:none;animation:float-orb 10s ease-in-out infinite}.hero-orb-1{width:260px;height:260px;background:radial-gradient(circle,rgba(0,240,255,0.07) 0%,transparent 65%);top:-60px;left:-40px;animation-delay:0s}.hero-orb-2{width:240px;height:240px;background:radial-gradient(circle,rgba(255,23,68,0.06) 0%,transparent 65%);bottom:-10px;right:-40px;animation-delay:-3s}.hero-orb-3{display:none}@keyframes float-orb{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-20px) scale(1.05)}}.hero-content{position:relative;z-index:1;max-width:700px}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:5px 15px;border-radius:20px;border:1px solid rgba(255,255,255,0.08);background:rgba(13,19,31,0.7);box-shadow:0 4px 12px rgba(0,0,0,0.4);font-size:12px;font-weight:600;color:#94A3B8;margin-bottom:24px;letter-spacing:0.5px}.hero-logo{margin-bottom:24px;display:flex;justify-content:center;align-items:center;width:100%}.hero-logo .bdt-logo{transform:skewX(-8deg);display:inline-flex;flex-direction:row;align-items:center;justify-content:center;gap:12px}.hero-logo .bdt-logo-top{font-size:48px;letter-spacing:3.5px;line-height:1;background:linear-gradient( 180deg,#FFFFFF 0%,#DDF7FF 14%,#00E5FF 32%,#0055FF 50%,#120024 53%,#FF0055 72%,#FF1744 88%,#FFEBF0 100% );background-size:260% 260%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;-webkit-text-stroke:1.2px rgba(255,255,255,0.75);paint-order:stroke fill;text-shadow:0 1px 0 rgba(255,255,255,0.9),1px 1px 0 #1e293b,2px 2px 0 #162032,3px 3px 0 #0f172a,4px 4px 0 #0a0f1d,5px 5px 1px #000000,7px 7px 16px rgba(0,0,0,0.9),0 0 20px rgba(0,229,255,0.28);animation:parimoniChromeGleam 5s ease-in-out infinite}.hero-logo .bdt-logo-sub{font-size:13.5px;letter-spacing:3.5px;padding:4px 13px 3px 16px;border-radius:6px;margin-top:0;align-self:center;background:linear-gradient(135deg,#FF1744 0%,#D50000 45%,#0052D4 80%,#00E5FF 100%);background-size:250% 100%;border:1.5px solid rgba(255,255,255,0.65);box-shadow:0 4px 14px rgba(0,0,0,0.8),0 0 14px rgba(255,23,68,0.4),inset 0 1.5px 0 rgba(255,255,255,0.8),inset 0 -2px 0 rgba(0,0,0,0.6);color:#FFFFFF !important;-webkit-text-fill-color:#FFFFFF !important;text-shadow:0 1px 2px rgba(0,0,0,0.95);animation:betBadgeGlow 5s ease-in-out infinite}.hero-tagline{font-size:20px;font-weight:500;color:var(--txt-primary);margin-bottom:12px;line-height:1.5}.hero-tagline strong{background:linear-gradient(90deg,#00F0FF,#FF0055,#00F0FF);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:neonBlueRedFlow 6s ease-in-out infinite;font-weight:900}.hero-sub{font-size:14px;color:var(--txt-muted);margin-bottom:36px;line-height:1.7}.hero-cta{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap}.hero-cta .btn{padding:13px 34px;font-size:14.5px;border-radius:14px}.hero-stats{display:flex;align-items:center;justify-content:center;gap:32px;margin-top:52px;padding-top:32px;border-top:1px solid var(--border)}.hero-stat-val{font-size:26px;font-weight:800;color:var(--txt-white);background:linear-gradient(135deg,#FFD84D,#F0B90B);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-stat-label{font-size:11px;font-weight:500;color:var(--txt-muted);letter-spacing:0.5px;margin-top:2px}.marquee-section{padding:65px 0;overflow:hidden;position:relative;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.marquee-section::before,.marquee-section::after{content:'';position:absolute;top:0;bottom:0;width:140px;z-index:2;pointer-events:none}.marquee-section::before{left:0;background:linear-gradient(to right,var(--bg-page),transparent)}.marquee-section::after{right:0;background:linear-gradient(to left,var(--bg-page),transparent)}.marquee-row{display:flex;overflow:hidden;user-select:none;gap:24px;padding:24px 0;margin-bottom:14px}.marquee-track{display:flex;gap:24px;flex-shrink:0;width:max-content;will-change:transform;animation:marquee-scroll-left 100s linear infinite;padding:0 6px}.marquee-row-reverse .marquee-track{animation:marquee-scroll-right 100s linear infinite}@keyframes marquee-scroll-left{from{transform:translateX(0)}to{transform:translateX(-50%)}}@keyframes marquee-scroll-right{from{transform:translateX(-50%)}to{transform:translateX(0)}}.marquee-card{width:190px;height:250px;border-radius:var(--r-lg);overflow:hidden;flex-shrink:0;position:relative;background:#0d1424;border:1px solid color-mix(in srgb,var(--glow,#f0b90b) 20%,rgba(255,255,255,0.08));box-shadow:inset 0 1px 1px rgba(255,255,255,0.12),inset 0 0 0 1px color-mix(in srgb,var(--glow,#f0b90b) 12%,transparent),0 10px 24px -4px rgba(0,0,0,0.75),0 0 24px -2px color-mix(in srgb,var(--glow,#f0b90b) 16%,transparent),0 0 45px 0 color-mix(in srgb,var(--glow,#f0b90b) 8%,transparent);transition:transform 0.3s cubic-bezier(0.16,1,0.3,1),box-shadow 0.3s cubic-bezier(0.16,1,0.3,1),border-color 0.3s cubic-bezier(0.16,1,0.3,1)}.marquee-card::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,0.08) 0%,transparent 40%,rgba(0,0,0,0.3) 100%);border-radius:inherit;transition:opacity 0.3s ease}.marquee-card:hover{transform:translateY(-6px) scale(1.025);border-color:color-mix(in srgb,var(--glow,#f0b90b) 45%,rgba(255,255,255,0.25));box-shadow:inset 0 1px 1px rgba(255,255,255,0.25),inset 0 0 0 1px color-mix(in srgb,var(--glow,#f0b90b) 25%,transparent),0 18px 40px -4px rgba(0,0,0,0.85),0 0 35px -2px color-mix(in srgb,var(--glow,#f0b90b) 32%,transparent),0 0 65px 4px color-mix(in srgb,var(--glow,#f0b90b) 18%,transparent)}.marquee-card img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;transition:transform 0.4s cubic-bezier(0.16,1,0.3,1)}.marquee-card:hover img{transform:scale(1.03)}.features-section{padding:80px 48px;max-width:1100px;margin:0 auto}.section-label{font-size:11px;font-weight:700;letter-spacing:3px;color:var(--gold);text-align:center;margin-bottom:14px;text-transform:uppercase}.section-title-big{font-size:36px;font-weight:800;color:var(--txt-white);text-align:center;margin-bottom:48px;line-height:1.25}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.feature-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg);padding:32px 28px;text-align:center;transition:all 0.2s var(--ease);position:relative;overflow:hidden}.feature-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:0;transition:opacity 0.2s}.feature-card:hover::before{opacity:1}.feature-card:hover{border-color:rgba(240,185,11,0.2);transform:translateY(-4px);box-shadow:0 12px 40px rgba(0,0,0,0.4)}.feature-icon{font-size:40px;margin-bottom:18px;display:block}.feature-card h3{font-size:18px;font-weight:700;color:var(--txt-white);margin-bottom:10px}.feature-card p{font-size:14px;color:var(--txt-primary);line-height:1.65}.landing-footer{border-top:1px solid var(--border);padding:36px 48px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}.landing-footer-links{display:flex;gap:24px}.landing-footer-links a{font-size:13px;color:var(--txt-muted);transition:color 0.15s}.landing-footer-links a:hover{color:var(--txt-white)}.landing-footer-copy{font-size:12px;color:var(--txt-muted)}@media (max-width:768px){.features-grid{grid-template-columns:1fr}.landing-nav{padding:0 20px}.hero-logo .bdt-logo{gap:8px}.hero-logo .bdt-logo-top{font-size:32px;letter-spacing:2px;-webkit-text-stroke:0.9px rgba(255,255,255,0.7);text-shadow:0 1px 0 rgba(255,255,255,0.8),1px 1px 0 #1e293b,2px 2px 0 #162032,3px 3px 0 #0f172a,4px 4px 1px #000000,6px 6px 12px rgba(0,0,0,0.9)}.hero-logo .bdt-logo-sub{font-size:10px;letter-spacing:2.5px;padding:3px 9px 2.5px 11px;border-radius:4px;margin-top:0}.hero-stats{gap:20px}.features-section{padding:60px 20px}}@media (max-width:480px){.landing-nav{padding:0 14px}.hero{padding:100px 16px 40px}.hero-logo .bdt-logo{gap:6px}.hero-logo .bdt-logo-top{font-size:25px;letter-spacing:1.5px;-webkit-text-stroke:0.75px rgba(255,255,255,0.7)}.hero-logo .bdt-logo-sub{font-size:8.5px;letter-spacing:2px;padding:2px 7px 1.5px 8px;border-radius:4px;margin-top:0}.hero-cta{flex-direction:column;width:100%;max-width:290px;margin:0 auto;gap:12px}.hero-cta .btn{width:100%;padding:13px 20px;font-size:14px}.hero-stats{flex-wrap:wrap;gap:16px}.hero-stat-val{font-size:20px}.hero-stat-label{font-size:10px}}
.cta-banner-wrapper { margin: 0 48px 80px; padding: 52px 40px; border-radius: 20px; background: linear-gradient(135deg, rgba(240,185,11,0.12) 0%, rgba(124,58,237,0.08) 50%, rgba(0,212,255,0.06) 100%); border: 1px solid rgba(240,185,11,0.2); text-align: center; position: relative; overflow: hidden; }
.cta-banner-btn-group { display: flex; gap: 14px; justify-content: center; flex-wrap: wrap; }
.cta-banner-btn { padding: 14px 40px; font-size: 15px; border-radius: 12px; }
@media (max-width:480px){ .cta-banner-wrapper { margin: 0 16px 80px; padding: 40px 20px; } .cta-banner-btn { width: 100%; padding: 14px 20px; font-size: 14px; } }