*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;width:100%;height:100%}body{width:100%;background:#0d0d0f !important;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;color:#ffffff;position:relative;min-height:100%;margin:0;padding:0}body.landing-page{overflow-x:hidden;overflow-y:auto}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.animated-gradient-bg{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:1;pointer-events:none;background:radial-gradient(ellipse 1200px 800px at 15% 25%,rgba(255,255,255,0.08) 0%,transparent 50%),radial-gradient(ellipse 1000px 1200px at 85% 75%,rgba(220,220,220,0.06) 0%,transparent 50%),radial-gradient(ellipse 900px 900px at 50% 50%,rgba(200,200,200,0.05) 0%,transparent 60%),radial-gradient(circle 600px at 30% 60%,rgba(240,240,240,0.04) 0%,transparent 50%),radial-gradient(circle 600px at 70% 40%,rgba(210,210,210,0.04) 0%,transparent 50%);animation:breathe 45s ease-in-out infinite}@keyframes breathe{0%,100%{opacity:1;transform:scale(1) rotate(0deg)}33%{opacity:0.85;transform:scale(1.08) rotate(2deg)}66%{opacity:0.9;transform:scale(0.95) rotate(-2deg)}}.animated-gradient-bg::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient( 125deg,transparent 0%,transparent 35%,rgba(255,255,255,0.04) 45%,rgba(230,230,230,0.03) 50%,rgba(200,200,200,0.04) 55%,transparent 65%,transparent 100% ),linear-gradient( -45deg,transparent 0%,transparent 40%,rgba(210,210,210,0.03) 50%,transparent 60%,transparent 100% );animation:shimmer 60s linear infinite;mix-blend-mode:screen}@keyframes shimmer{0%{transform:translate(-100%,-100%) rotate(0deg)}100%{transform:translate(100%,100%) rotate(360deg)}}.animated-gradient-bg::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 18% 28%,rgba(255,255,255,0.08) 0%,transparent 15%),radial-gradient(circle at 62% 72%,rgba(200,200,200,0.06) 0%,transparent 20%),radial-gradient(circle at 82% 18%,rgba(150,150,150,0.07) 0%,transparent 18%),radial-gradient(circle at 38% 82%,rgba(255,255,255,0.05) 0%,transparent 22%),radial-gradient(circle at 92% 52%,rgba(180,180,180,0.06) 0%,transparent 16%);background-size:200% 200%;animation:circleFloat 120s ease-in-out infinite}@keyframes circleFloat{0%,100%{background-position:0% 0%,100% 100%,50% 50%,80% 20%,20% 80%}50%{background-position:100% 100%,0% 0%,70% 30%,40% 60%,60% 40%}}body::after{content:'';position:fixed;top:0;left:0;width:100%;height:100%;z-index:2;pointer-events:none;background:radial-gradient(ellipse 800px 600px at 20% 30%,rgba(255,255,255,0.03) 0%,transparent 50%),radial-gradient(ellipse 600px 800px at 80% 70%,rgba(200,200,200,0.025) 0%,transparent 50%),radial-gradient(circle 500px at 50% 50%,rgba(150,150,150,0.02) 0%,transparent 60%);filter:blur(80px)}.noise-layer{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:3;pointer-events:none;opacity:0.02;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");display:none}.noise-layer::before,.noise-layer::after{display:none}.rotating-circles{display:none}.rotating-circles::before,.rotating-circles::after{display:none}.sp-hero-section{padding-top:0;padding-bottom:40px;position:relative;z-index:20;min-height:62vh;display:flex;align-items:flex-start;padding-top:8vh;width:100%}.sp-hero-container{max-width:1600px;margin:0 auto;padding:0 60px;position:relative;z-index:10;width:100%}.sp-hero-logo{margin-bottom:40px}.sp-hero-logo .sp-logo-link{display:inline-flex;align-items:center;text-decoration:none;animation:logoFadeIn 1.5s ease-out backwards}.sp-hero-logo .sp-logo-img{width:80px;height:80px;margin-right:20px;background:linear-gradient(135deg,rgba(255,255,255,0.08) 0%,rgba(255,255,255,0.03) 100%) !important;border-radius:50% !important;box-shadow:0 8px 32px rgba(0,0,0,0.4),inset 0 2px 4px rgba(255,255,255,0.15),0 0 0 1px rgba(255,255,255,0.1) !important;animation:logoRotate 20s linear infinite,logoPulse 3s ease-in-out infinite !important;padding:8px;transition:all 0.3s ease}.sp-hero-logo .sp-logo-img:hover{transform:scale(1.1);box-shadow:0 12px 48px rgba(59,130,246,0.3),inset 0 2px 4px rgba(255,255,255,0.2),0 0 0 2px rgba(59,130,246,0.3) !important}@keyframes logoFadeIn{0%{opacity:0}100%{opacity:1}}@keyframes logoRotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes logoPulse{0%,100%{box-shadow:0 8px 32px rgba(0,0,0,0.4),inset 0 2px 4px rgba(255,255,255,0.15),0 0 0 1px rgba(255,255,255,0.1)}50%{box-shadow:0 8px 32px rgba(59,130,246,0.2),inset 0 2px 4px rgba(255,255,255,0.2),0 0 0 2px rgba(59,130,246,0.2)}}.sp-hero-logo .sp-logo-text{font-size:42px;font-weight:700;letter-spacing:3px;color:#ffffff;animation:textSlideIn 1s ease-out 0.3s backwards}@keyframes textSlideIn{0%{opacity:0;transform:translateX(-30px)}100%{opacity:1;transform:translateX(0)}}.sp-hero-title{margin-bottom:30px}.sp-hero-main{display:block;font-size:96px;font-weight:800;line-height:1.1;background:linear-gradient(90deg,#ffffff 0%,#808080 20%,#00CED1 40%,#8B0000 60%,#C71585 80%,#87CEEB 100% );background-size:200% 100%;background-position:0% 50%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:16px;animation:titleZoomIn 1.2s cubic-bezier(0.34,1.56,0.64,1) 0.4s backwards,simpleGradientFlow 15s linear infinite;text-shadow:0 10px 30px rgba(0,0,0,0.5);transform-origin:center}.sp-hero-sub{display:block;font-size:96px;font-weight:800;line-height:1.1;background:linear-gradient( 90deg,#ffffff 0%,#f5f5f5 15%,#e8e8e8 30%,#d0d0d0 45%,#ffffff 60%,#f0f0f0 75%,#ffffff 90%,#fafafa 100% );background-size:400% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:16px;animation:titleZoomIn 1.2s cubic-bezier(0.34,1.56,0.64,1) 0.6s backwards,gradientFlow 18s linear infinite 1s;text-shadow:0 10px 30px rgba(0,0,0,0.5);transform-origin:center}@keyframes gradientFlow{0%{background-position:0% 50%}100%{background-position:400% 50%}}@keyframes simpleGradientFlow{0%{background-position:0% 50%}100%{background-position:200% 50%}}@keyframes gradientFlowDiagonal{0%{background-position:0% 0%}25%{background-position:100% 0%}50%{background-position:100% 100%}75%{background-position:0% 100%}100%{background-position:0% 0%}}@keyframes titleZoomIn{0%{opacity:0;transform:scale(0.5) translateY(50px);filter:blur(10px)}60%{transform:scale(1.05)}100%{opacity:1;transform:scale(1) translateY(0);filter:blur(0)}}@keyframes titleFadeIn{0%{opacity:0;transform:translateY(30px)}100%{opacity:1;transform:translateY(0)}}@keyframes gradientShift{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}.sp-hero-tag{display:block;font-size:32px;font-weight:600;color:rgba(255,255,255,0.7);margin-top:24px}.sp-hero-desc{color:rgba(255,255,255,0.6);font-size:20px;line-height:1.8;max-width:1000px;margin:0 auto 60px;animation:textFadeInUp 1s ease-out 0.8s backwards}@keyframes textFadeInUp{0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}}.sp-hero-buttons{display:flex;justify-content:center;gap:24px;flex-wrap:wrap;animation:buttonsPopIn 0.8s cubic-bezier(0.34,1.56,0.64,1) 1s backwards}@keyframes buttonsPopIn{0%{opacity:0;transform:scale(0.8) translateY(30px)}100%{opacity:1;transform:scale(1) translateY(0)}}.sp-btn-gradient{display:inline-block;background:linear-gradient(90deg,#3B82F6 0%,#8B5CF6 16.66%,#EC4899 33.33%,#EF4444 50%,#F59E0B 66.66%,#10B981 83.33%,#06B6D4 100% );background-size:600% 100%;background-position:0% 50%;color:#ffffff;text-decoration:none;padding:20px 50px;border-radius:12px;font-size:18px;font-weight:700;box-shadow:0 8px 30px rgba(59,130,246,0.4);transition:transform 0.4s cubic-bezier(0.34,1.56,0.64,1),box-shadow 0.4s ease;position:relative;overflow:hidden;animation:buttonGradientFlow 18s linear infinite}@keyframes buttonGradientFlow{0%{background-position:0% 50%}100%{background-position:100% 50%}}.sp-btn-gradient::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.3),transparent);transition:left 0.6s ease}.sp-btn-gradient:hover::before{left:100%}.sp-btn-gradient:hover{transform:translateY(-5px) scale(1.05);box-shadow:0 15px 50px rgba(139,92,246,0.6);color:#ffffff}.sp-btn-outline{display:inline-block;background:transparent;border:2px solid rgba(255,255,255,0.3);color:#ffffff;text-decoration:none;padding:18px 48px;border-radius:12px;font-size:18px;font-weight:500;transition:all 0.4s cubic-bezier(0.34,1.56,0.64,1);position:relative;overflow:hidden}.sp-btn-outline::before{content:'';position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255,255,255,0.1);transform:translate(-50%,-50%);transition:width 0.6s ease,height 0.6s ease}.sp-btn-outline:hover::before{width:300px;height:300px}.sp-btn-outline:hover{border-color:rgba(255,255,255,0.6);background:rgba(255,255,255,0.08);color:#ffffff;transform:translateY(-3px)}.sp-price-section{padding:30px 0;position:relative;z-index:20;width:100%}.sp-price-container{max-width:1600px;margin:0 auto;padding:0 60px;width:100%}.sp-price-wrapper{background:linear-gradient(135deg,rgba(35,35,42,0.78) 0%,rgba(32,32,39,0.75) 50%,rgba(28,28,36,0.72) 100%);backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%);border:1px solid rgba(255,255,255,0.3);border-radius:20px;padding:24px;box-shadow:0 4px 16px rgba(0,0,0,0.3),inset 0 1px 0 rgba(255,255,255,0.1);transition:all 0.4s ease;animation:containerSlideUp 1s ease-out 1.2s backwards}@keyframes containerSlideUp{0%{opacity:0;transform:translateY(50px)}100%{opacity:1;transform:translateY(0)}}.sp-price-wrapper:hover{border-color:rgba(255,255,255,0.5);box-shadow:0 8px 32px rgba(0,0,0,0.4),inset 0 1px 0 rgba(255,255,255,0.15);transform:translateY(-5px)}.sp-price-card{display:flex;align-items:center;background:rgba(42,42,47,0.4);border:1px solid rgba(255,255,255,0.08);border-radius:16px;padding:20px 24px;transition:all 0.4s cubic-bezier(0.34,1.56,0.64,1);cursor:pointer;position:relative;overflow:hidden;opacity:0;transform:translateY(100px) scale(0.8)}.sp-price-card:nth-child(1){animation:cardBounceUp 0.8s cubic-bezier(0.34,1.56,0.64,1) 1.4s forwards}.sp-price-card:nth-child(2){animation:cardBounceUp 0.8s cubic-bezier(0.34,1.56,0.64,1) 1.7s forwards}.sp-price-card:nth-child(3){animation:cardBounceUp 0.8s cubic-bezier(0.34,1.56,0.64,1) 2.0s forwards}@keyframes cardBounceUp{0%{opacity:0;transform:translateY(100px) scale(0.8)}60%{transform:translateY(-10px) scale(1.02)}100%{opacity:1;transform:translateY(0) scale(1)}}.sp-price-card::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(59,130,246,0.1),transparent);transition:left 0.6s ease}.sp-price-card:hover::before{left:100%}.sp-price-card:hover{background:rgba(58,58,63,0.6);border-color:rgba(59,130,246,0.3);transform:translateY(-8px) scale(1.02);box-shadow:0 12px 40px rgba(59,130,246,0.2)}.sp-coin-logo{width:80px;height:80px;border-radius:50%;margin-right:24px;box-shadow:0 4px 20px rgba(0,0,0,0.4);transition:all 0.4s ease}.sp-price-card:hover .sp-coin-logo{transform:rotate(360deg) scale(1.1);box-shadow:0 8px 30px rgba(59,130,246,0.4)}.sp-coin-info{flex:1}.sp-coin-name{color:#ffffff;font-size:16px;font-weight:700;margin-bottom:8px;transition:all 0.3s ease}.sp-price-card:hover .sp-coin-name{color:#3B82F6;transform:translateX(5px)}.sp-coin-pair{color:rgba(255,255,255,0.4);font-size:12px;margin-left:4px}.sp-coin-price-row{display:flex;align-items:center}.sp-coin-price{color:#ffffff;font-size:24px;font-weight:700;margin-right:12px;font-family:'Courier New',monospace;transition:all 0.3s ease}.sp-price-card:hover .sp-coin-price{color:#3B82F6;transform:scale(1.05)}.sp-coin-change{font-size:14px;font-weight:600;transition:all 0.3s ease}.sp-price-card:hover .sp-coin-change{transform:translateX(5px)}.sp-features-section{padding:60px 0;position:relative;z-index:20;width:100%;isolation:isolate}.sp-bagua-container{display:none}.bagua-rotate{display:none}.sp-features-container{max-width:1400px;margin:0 auto;padding:0 24px;position:relative;z-index:10;width:100%}.sp-features-header{text-align:center;margin-bottom:60px;animation:headerFadeIn 1s ease-out 2s backwards}@keyframes headerFadeIn{0%{opacity:0;transform:translateY(-30px)}100%{opacity:1;transform:translateY(0)}}.sp-features-header h2{font-size:42px;font-weight:700;margin-bottom:16px}.sp-text-white{color:#ffffff}.sp-text-gray{color:rgba(255,255,255,0.6)}.sp-features-header p{color:rgba(255,255,255,0.6);font-size:20px}.feature-group{min-height:50vh;display:flex;flex-direction:column;align-items:center;gap:40px;padding:80px 0;position:relative;opacity:0;transform:translateY(100px);transition:all 1s ease-out;width:100%;max-width:100%}.feature-group.in-view{opacity:1;transform:translateY(0)}.feature-group-icon{width:120px;height:120px;display:flex;align-items:center;justify-content:center;position:relative;z-index:2}.feature-group-1 .feature-group-icon{perspective:1000px;position:relative;display:flex;align-items:center;justify-content:center}#sphere-canvas{display:block;width:200px;height:200px;transition:transform 0.6s ease}.feature-group:hover #sphere-canvas{transform:scale(1.1)}.feature-group-1 .feature-group-icon::after{content:'';position:absolute;width:600px;height:600px;background-image:url('/assets/logo/bagua.png');background-size:contain;background-position:center;background-repeat:no-repeat;opacity:0.25;z-index:1;animation:baguaSpinSlow 60s linear infinite}@keyframes baguaSpinSlow{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.feature-group:hover .feature-group-icon svg{opacity:0.6;transform:scale(1.2) rotate(360deg)}.feature-cards{display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px;width:100%;max-width:1800px}.feature-group-1 .feature-cards{margin-top:250px}.feature-number{font-size:60px;font-weight:900;color:rgba(255,255,255,0.05);line-height:1;margin-bottom:16px}.feature-content h3{font-size:24px;font-weight:700;color:#ffffff;margin-bottom:16px}.feature-content p{font-size:15px;line-height:1.8;color:rgba(255,255,255,0.7)}.feature-content{text-align:left;padding:32px;background:linear-gradient(135deg,rgba(35,35,42,0.4) 0%,rgba(32,32,39,0.3) 100%);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.08);border-radius:16px;transition:all 0.4s ease}.feature-content:hover{background:linear-gradient(135deg,rgba(45,45,52,0.5) 0%,rgba(42,42,49,0.4) 100%);border-color:rgba(255,255,255,0.15);transform:translateY(-8px);box-shadow:0 12px 40px rgba(0,0,0,0.4)}.feature-group-1{gap:40px;position:relative;isolation:isolate;margin-top:200px}.feature-group-1[data-bg="glow1"]::before{content:'';position:absolute;width:400px;height:400px;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,0.08) 0%,transparent 70%);animation:breatheGlow 8s ease-in-out infinite;z-index:-1;pointer-events:none}@keyframes breatheGlow{0%,100%{transform:translate(-50%,-50%) scale(0.8);opacity:0.3}50%{transform:translate(-50%,-50%) scale(1.2);opacity:0.6}}.feature-group-1[data-bg="glow2"]::after{content:'';position:absolute;width:300px;height:300px;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,0.06) 0%,transparent 70%);animation:breatheGlow 8s ease-in-out infinite 2s;z-index:-1;pointer-events:none}.feature-group-2{gap:40px;position:relative;isolation:isolate;margin-top:-120px}.feature-group-2 .feature-group-icon{display:none}.feature-group-3{gap:40px;position:relative;isolation:isolate;margin-top:-280px}.feature-group-3 .feature-group-icon{display:none}.feature-group-4{gap:40px;position:relative;isolation:isolate;margin-top:-280px}.feature-group-4 .feature-group-icon{display:none}@media (max-width:1200px){.feature-group{min-height:auto;padding:60px 0}.feature-cards{grid-template-columns:1fr;gap:20px}.feature-group-icon{width:80px;height:80px}.feature-content{max-width:100%}.feature-number{font-size:50px}.feature-content h3{font-size:20px}.feature-content p{font-size:14px}}@keyframes bgPulse1{0%,100%{opacity:1;transform:scale(1)}50%{opacity:0.7;transform:scale(1.1)}}@keyframes bgRotate1{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes bgFloat2{0%,100%{transform:translate(0,0)}50%{transform:translate(30px,-20px)}}@keyframes bgSlideRight2{0%,100%{transform:translateX(0)}50%{transform:translateX(-40px)}}@keyframes bgRotate3{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes bgPulse3{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:0.6}}@keyframes bgWave4{0%,100%{transform:translateY(0)}50%{transform:translateY(-30px)}}@keyframes bgFloat4{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-20px,20px) scale(1.1)}}.sp-features-grid{display:none}.sp-feature-card{display:none}.sp-faq-section{padding:80px 0;position:relative;z-index:20;width:100%;margin-top:-300px;overflow:hidden}.faq-bg-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:1;pointer-events:none}.faq-bg-wrapper::before{content:'';position:absolute;top:-15px;left:0;width:100%;height:150px;background:linear-gradient(to bottom,#1a1a1a 0%,#0d0d0f 100%);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 120' preserveAspectRatio='none'%3E%3Cpath d='M0,0 L1200,0 L1200,40 C1050,80 900,80 600,40 C300,0 150,0 0,40 Z' fill='white'/%3E%3C/svg%3E") repeat-x;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 120' preserveAspectRatio='none'%3E%3Cpath d='M0,0 L1200,0 L1200,40 C1050,80 900,80 600,40 C300,0 150,0 0,40 Z' fill='white'/%3E%3C/svg%3E") repeat-x;-webkit-mask-size:1200px 150px;mask-size:1200px 150px;z-index:10;pointer-events:none;animation:waveRipple 8s ease-in-out infinite}@keyframes waveRipple{0%,100%{transform:translateY(0) scaleY(1)}25%{transform:translateY(-10px) scaleY(1.1)}50%{transform:translateY(5px) scaleY(0.95)}75%{transform:translateY(-5px) scaleY(1.05)}}.faq-bg-scroll{position:absolute;top:0;left:0;width:100%;height:auto;display:block;opacity:0.6;animation:imgScrollUp 60s linear forwards;animation-play-state:paused;transform-origin:top center}.sp-faq-section.in-view .faq-bg-scroll{animation-play-state:running}@keyframes imgScrollUp{0%{transform:translateY(0)}100%{transform:translateY(-91%)}}.faq-grid-canvas{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:11;opacity:0.3}.sp-faq-container{max-width:1000px;margin:0 auto;padding:0 24px;width:100%;position:relative;z-index:3}.sp-faq-header{text-align:center;margin-bottom:60px}.sp-faq-header h2{font-size:42px;font-weight:700;margin-bottom:16px}.sp-faq-header p{color:rgba(255,255,255,0.6);font-size:18px}.sp-faq-list{display:grid;grid-template-columns:1fr 1fr;gap:20px}.sp-faq-item{background:linear-gradient(135deg,rgba(35,35,42,0.5) 0%,rgba(32,32,39,0.4) 100%);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,0.08);border-radius:16px;padding:24px;transition:all 0.4s ease;position:relative;overflow:hidden;cursor:pointer}.sp-faq-item::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.2),transparent);opacity:0;transition:opacity 0.4s ease}.sp-faq-item:hover{background:linear-gradient(135deg,rgba(45,45,52,0.6) 0%,rgba(42,42,49,0.5) 100%);border-color:rgba(255,255,255,0.15);transform:translateY(-5px);box-shadow:0 12px 40px rgba(0,0,0,0.3)}.sp-faq-item:hover::before{opacity:1}.sp-faq-item.active{border-color:rgba(59,130,246,0.3)}.sp-faq-question{display:flex;align-items:center;justify-content:space-between;gap:12px}.sp-faq-question-left{display:flex;align-items:center;gap:12px;flex:1}.sp-faq-icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;background:linear-gradient(135deg,rgba(59,130,246,0.2) 0%,rgba(139,92,246,0.2) 100%);border:1px solid rgba(59,130,246,0.3);border-radius:50%;color:#3B82F6;font-size:16px;font-weight:700;flex-shrink:0;transition:all 0.4s ease}.sp-faq-item:hover .sp-faq-icon{background:linear-gradient(135deg,rgba(59,130,246,0.3) 0%,rgba(139,92,246,0.3) 100%);border-color:rgba(59,130,246,0.5);transform:scale(1.1) rotate(360deg)}.sp-faq-toggle{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:50%;color:rgba(255,255,255,0.6);font-size:18px;flex-shrink:0;transition:all 0.3s ease}.sp-faq-item.active .sp-faq-toggle{background:rgba(59,130,246,0.2);border-color:rgba(59,130,246,0.3);color:#3B82F6;transform:rotate(180deg)}.sp-faq-question h3{font-size:17px;font-weight:600;color:#ffffff;margin:0;transition:color 0.3s ease}.sp-faq-item:hover .sp-faq-question h3{color:#3B82F6}.sp-faq-answer{max-height:0;overflow:hidden;transition:max-height 0.4s ease,margin-top 0.4s ease,opacity 0.4s ease;opacity:0}.sp-faq-item.active .sp-faq-answer{max-height:500px;margin-top:16px;opacity:1}.sp-faq-answer p{color:rgba(255,255,255,0.7);font-size:15px;line-height:1.8;margin:0}.sp-faq-answer strong{color:rgba(255,255,255,0.9);font-weight:600}.sp-faq-answer table{width:100%;border-collapse:collapse;margin-top:10px;font-size:13px}.sp-faq-answer table tr{transition:background 0.2s ease}.sp-faq-answer table tr:first-child{background:#1a1a1a}.sp-faq-answer table tr:nth-child(even):not(:first-child){background:#0d0d0f}.sp-faq-answer table th,.sp-faq-answer table td{padding:8px;text-align:left;border:1px solid #333}.sp-faq-answer table th{font-weight:600;color:rgba(255,255,255,0.9)}.sp-faq-answer table th:first-child{width:25%}.sp-faq-answer table td strong{color:rgba(255,255,255,0.95)}@media (max-width:768px){.sp-faq-section{padding:60px 0;margin-top:80px !important}.faq-bg-wrapper{display:none !important}.sp-faq-header h2{font-size:32px}.sp-faq-list{grid-template-columns:1fr}.sp-faq-item{padding:20px}.sp-faq-question-left{gap:10px}.sp-faq-icon{width:32px;height:32px;font-size:14px}.sp-faq-toggle{width:24px;height:24px;font-size:16px}.sp-faq-question h3{font-size:16px}.sp-faq-answer p{font-size:14px}}@media (max-width:576px){.sp-faq-section{padding:40px 0;margin-top:60px !important}.faq-bg-wrapper{display:none !important}.sp-faq-header{margin-bottom:40px}.sp-faq-header h2{font-size:28px}.sp-faq-header p{font-size:16px}}.sp-footer{background:#050508;border-top:none;padding:60px 0 40px 0;position:relative;z-index:20}.sp-footer::before{display:none}.sp-footer-container{max-width:1200px;margin:0 auto;padding:0 24px}.sp-disclaimer{background:transparent;border:1px solid rgba(255,255,255,0.15);border-radius:12px;padding:20px 24px;margin-bottom:24px}.sp-disclaimer-title{margin-bottom:12px;display:flex;align-items:center;gap:8px}.sp-disclaimer-title span:first-child{font-size:18px}.sp-disclaimer-title span:last-child{font-size:14px;font-weight:700;color:rgba(255,255,255,0.9)}.sp-disclaimer p{color:rgba(255,255,255,0.6);font-size:13px;line-height:1.8;margin:0 0 8px 0}.sp-disclaimer p:last-child{margin-bottom:0}.sp-disclaimer strong{color:rgba(255,255,255,0.9)}.sp-footer-links{text-align:center;margin-bottom:16px}.sp-footer-links a{color:rgba(255,255,255,0.4);font-size:12px;text-decoration:none;margin:0 12px;transition:color 0.2s ease}.sp-footer-links a:hover{color:rgba(255,255,255,0.7)}.sp-footer-contact{text-align:center;margin-bottom:16px}.sp-footer-contact p{color:rgba(255,255,255,0.4);font-size:12px;margin:0}.sp-footer-contact a{color:rgba(255,255,255,0.5);text-decoration:none;transition:color 0.2s ease}.sp-footer-contact a:hover{color:rgba(255,255,255,0.8);text-decoration:underline}.sp-copyright{color:rgba(255,255,255,0.3);font-size:12px;text-align:center;margin:0}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:rgba(0,0,0,0.2)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,rgba(60,60,60,0.8) 0%,rgba(200,200,200,0.7) 100%);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,rgba(80,80,80,0.9) 0%,rgba(220,220,220,0.85) 100%)}@media (max-width:1200px){.sp-features-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){body.landing-page{overflow-x:hidden;overflow-y:auto}.sp-hero-section{padding-top:5vh;min-height:auto;padding-bottom:40px}.sp-hero-container{padding:0 20px}.sp-hero-logo{margin-bottom:30px}.sp-hero-logo .sp-logo-img{width:50px;height:50px}.sp-hero-logo .sp-logo-text{font-size:24px}.sp-hero-title{margin-bottom:20px}.sp-hero-main,.sp-hero-sub{font-size:32px;line-height:1.3}.sp-hero-tag{font-size:14px;margin-left:0;margin-top:8px}.sp-hero-desc{font-size:14px;max-width:90%;margin-bottom:40px}.sp-hero-buttons{flex-direction:column;align-items:center;gap:12px}.sp-btn-gradient,.sp-btn-outline{width:100%;max-width:300px;text-align:center;padding:14px 28px;font-size:15px}.sp-features-section{padding:60px 20px}.sp-features-grid{grid-template-columns:1fr;gap:20px}.sp-feature-card{padding:24px}.sp-feature-icon{font-size:32px;margin-bottom:12px}.sp-feature-title{font-size:18px;margin-bottom:8px}.sp-feature-desc{font-size:13px}.bagua-rotate{width:250px;height:250px;top:30%}.sp-price-section{padding:60px 20px}.sp-price-card{flex-direction:column;text-align:center;padding:24px}.sp-coin-logo{margin-right:0;margin-bottom:16px}.sp-faq-section{padding:60px 20px}.sp-faq-title{font-size:28px;margin-bottom:30px}.sp-faq-item{padding:16px}.sp-faq-question{font-size:15px}.sp-faq-answer{font-size:13px}.sp-footer{padding:40px 20px 20px}.sp-footer-content{flex-direction:column;gap:20px;text-align:center}}:root{--primary-silver:#9ca3af;--primary-light:#e5e7eb;--accent-blue:#e5e7eb;--accent-green:#cbd0d6;--bg-gradient-start:#0f1419;--bg-gradient-end:#1a2332;--card-bg:rgba(255,255,255,0.03);--border-color:rgba(255,255,255,0.08)}body.auth-page{background:linear-gradient(135deg,var(--bg-gradient-start) 0%,var(--bg-gradient-end) 100%);overflow-x:hidden;overflow-y:auto;position:relative;min-height:100vh}.auth-page .animated-gradient-bg{display:none !important}.auth-page .glow-orb{position:fixed;border-radius:50%;filter:blur(80px);opacity:0.3;pointer-events:none;z-index:0}.auth-page .orb-1{width:400px;height:400px;background:radial-gradient(circle,rgba(229,231,235,0.2) 0%,transparent 70%);top:-100px;right:-100px;animation:float 20s ease-in-out infinite}.auth-page .orb-2{width:300px;height:300px;background:radial-gradient(circle,rgba(156,163,175,0.15) 0%,transparent 70%);bottom:-50px;left:-50px;animation:float 15s ease-in-out infinite reverse}@keyframes float{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(30px,-30px) scale(1.1)}}.auth-page::before{content:'';position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(229,231,235,0.06) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(156,163,175,0.05) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(156,163,175,0.04) 0%,transparent 50%),linear-gradient(135deg,rgba(15,20,25,0.9) 0%,rgba(26,35,50,0.9) 100%);z-index:0}.auth-page::after{content:'';position:fixed;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(rgba(255,255,255,0.01) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.01) 1px,transparent 1px);background-size:50px 50px;z-index:0}.auth-page .auth-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:40px 20px;position:relative;z-index:1;overflow-y:auto}.auth-page .auth-card{background:var(--card-bg);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--border-color);border-radius:24px;padding:48px 40px;max-width:440px;width:100%;box-shadow:0 32px 64px rgba(0,0,0,0.3),0 16px 32px rgba(0,0,0,0.2),inset 0 0 0 1px rgba(255,255,255,0.02);position:relative;overflow:hidden}.auth-page .auth-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--primary-silver),transparent);opacity:0.6}.auth-page .auth-card::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(229,231,235,0.03) 0%,transparent 50%,rgba(156,163,175,0.03) 100%),radial-gradient(circle at 30% 20%,rgba(156,163,175,0.05) 0%,transparent 40%),radial-gradient(circle at 70% 80%,rgba(229,231,235,0.04) 0%,transparent 40%);pointer-events:none;z-index:-1}.auth-page .auth-input{background:rgba(255,255,255,0.02);border:1px solid var(--border-color);border-radius:12px;padding:16px 20px;color:#fff;font-size:15px;width:100%;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);letter-spacing:0.3px;backdrop-filter:blur(10px);caret-color:var(--primary-light)}.auth-page .auth-input:focus{outline:none;border-color:var(--primary-light);background:rgba(255,255,255,0.04);box-shadow:0 0 0 3px rgba(229,231,235,0.12),0 8px 24px rgba(156,163,175,0.12)}.auth-page .auth-input::placeholder{color:rgba(255,255,255,0.4);font-weight:400}.auth-page .auth-label{color:var(--primary-light);font-size:13px;font-weight:600;margin-bottom:8px;display:block;letter-spacing:0.5px;text-transform:uppercase;opacity:0.9}.auth-page .auth-checkbox{width:18px;height:18px;margin-right:10px;cursor:pointer;accent-color:var(--accent-blue)}.auth-page .terms-text{color:rgba(255,255,255,0.6);font-size:13px;margin:0;cursor:pointer}.auth-page .terms-link{color:var(--primary-light);text-decoration:none;transition:color 0.2s ease}.auth-page .terms-link:hover{color:#fff;text-decoration:underline}.auth-page .btn-tech{width:100%;background:linear-gradient(135deg,var(--accent-blue) 0%,var(--accent-green) 100%);border:none;border-radius:12px;padding:16px 24px;color:#0b0d10;font-size:16px;font-weight:600;cursor:pointer;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);text-transform:uppercase;letter-spacing:0.8px;position:relative;overflow:hidden;box-shadow:0 4px 16px rgba(229,231,235,0.25),0 2px 8px rgba(156,163,175,0.2)}.auth-page .btn-tech:hover{transform:translateY(-2px);box-shadow:0 12px 40px rgba(229,231,235,0.35),0 6px 20px rgba(156,163,175,0.25)}.auth-page .auth-title{color:#fff;font-weight:700;letter-spacing:0.5px;margin-bottom:0;font-size:28px}.auth-page .auth-subtitle{color:var(--primary-silver);font-size:15px;margin-top:12px;margin-bottom:0;opacity:0.8;line-height:1.5}.auth-page .back-link{display:inline-block;text-decoration:none;font-size:28px;font-weight:800;letter-spacing:1.2px;margin-bottom:40px;background:linear-gradient(90deg,#f8fafc,#e5e7eb,#f3f4f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transition:opacity 0.2s ease}.auth-page .back-link:hover{opacity:0.85}.auth-page .auth-message,.auth-page .auth-error{border-radius:12px;padding:16px 20px;font-size:14px;margin-bottom:24px;display:none;backdrop-filter:blur(10px);border:1px solid var(--border-color);position:relative;overflow:hidden}.auth-page .auth-message.show,.auth-page .auth-error.show{display:block}.auth-page .auth-message.error,.auth-page .auth-error{background:rgba(239,68,68,0.08);border-left:4px solid #ef4444;color:#fca5a5}.auth-page .auth-message.success{background:rgba(16,185,129,0.08);border-left:4px solid var(--accent-green);color:#34d399}.auth-page .auth-footer-text{color:rgba(255,255,255,0.5);font-size:14px;margin:0}.auth-page .auth-link{color:var(--primary-light);text-decoration:none;font-weight:600;transition:color 0.2s ease}.auth-page .auth-link:hover{color:#fff;text-decoration:underline}.terms-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.8);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;animation:fadeIn 0.3s ease}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.terms-modal{background:rgba(20,20,25,0.95);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,0.1);border-radius:20px;padding:32px;max-width:500px;width:100%;max-height:80vh;overflow-y:auto;box-shadow:0 32px 64px rgba(0,0,0,0.5),0 16px 32px rgba(0,0,0,0.3),inset 0 0 0 1px rgba(255,255,255,0.05);animation:slideUp 0.3s ease}@keyframes slideUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.terms-title{font-size:24px;font-weight:700;color:#fff;margin-bottom:16px;text-align:center}.terms-content{color:rgba(255,255,255,0.8);font-size:15px;line-height:1.8;margin-bottom:24px;text-align:center}.terms-content a{color:var(--primary-light);text-decoration:none;font-weight:600;transition:color 0.2s ease}.terms-content a:hover{color:#fff;text-decoration:underline}.terms-actions{display:flex;gap:12px;justify-content:center}.btn-modal-primary,.btn-modal-secondary{padding:12px 32px;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all 0.3s ease;border:none;outline:none}.btn-modal-primary{background:linear-gradient(135deg,var(--accent-blue) 0%,var(--accent-green) 100%);color:#0b0d10;box-shadow:0 4px 16px rgba(229,231,235,0.25)}.btn-modal-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(229,231,235,0.35)}.btn-modal-secondary{background:rgba(255,255,255,0.05);color:rgba(255,255,255,0.8);border:1px solid rgba(255,255,255,0.1)}.btn-modal-secondary:hover{background:rgba(255,255,255,0.08);color:#fff;border-color:rgba(255,255,255,0.2)}.terms-modal::-webkit-scrollbar{width:6px}.terms-modal::-webkit-scrollbar-track{background:rgba(255,255,255,0.05);border-radius:3px}.terms-modal::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.2);border-radius:3px}.terms-modal::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,0.3)}.hero-animation-container{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:0;pointer-events:none}.hero-animation-layer{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity 2s ease-in-out}.hero-animation-layer.active{opacity:1}.wave-animation{background:linear-gradient(135deg,#8B0000 0%,#DC143C 50%,#FF6347 100%)}.wave-line{position:absolute;width:200%;height:3px;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,0.3) 20%,rgba(255,255,255,0.6) 50%,rgba(255,255,255,0.3) 80%,transparent 100%);animation:waveFlow 8s linear infinite}@keyframes waveFlow{0%{transform:translateX(-50%)}100%{transform:translateX(0%)}}.kline-animation{background:linear-gradient(135deg,#8B0000 0%,#B22222 50%,#DC143C 100%)}.kline-candle{position:absolute;width:8px;background:rgba(255,255,255,0.6);border-radius:2px;animation:klineGrow 3s ease-in-out infinite}.kline-wick{position:absolute;width:2px;background:rgba(255,255,255,0.4);left:50%;transform:translateX(-50%)}.kline-ma-line{position:absolute;height:2px;background:rgba(255,255,255,0.5);animation:maLineMove 6s ease-in-out infinite}@keyframes klineGrow{0%,100%{transform:scaleY(0.5);opacity:0.4}50%{transform:scaleY(1);opacity:0.8}}@keyframes maLineMove{0%{transform:translateY(0)}50%{transform:translateY(-20px)}100%{transform:translateY(0)}}.arrow-animation{background:transparent}.arrow-curve-main{stroke:url(#gradient-gray-white);stroke-width:1;fill:none;stroke-dasharray:2000;stroke-dashoffset:2000;animation:drawCurveGradient 6s ease-out infinite,strokeWidthGrow 6s ease-out infinite;filter:drop-shadow(0 0 8px rgba(255,255,255,0.3))}.arrow-curve-color{stroke-width:1;fill:none;stroke-dasharray:2000;stroke-dashoffset:2000;animation:drawCurveGradient 6s ease-out infinite,strokeWidthGrow 6s ease-out infinite;transition:stroke 1s ease}.arrow-curve-color-1{filter:drop-shadow(0 0 6px rgba(255,255,255,0.2))}.arrow-curve-color-2{filter:drop-shadow(0 0 5px rgba(255,255,255,0.18))}.arrow-curve-color-3{filter:drop-shadow(0 0 4px rgba(255,255,255,0.15))}.arrow-head{fill:rgba(255,255,255,0.6);animation:arrowPulse 2s ease-in-out infinite}@keyframes drawCurveGradient{0%{stroke-dashoffset:2000;opacity:0}10%{opacity:1}100%{stroke-dashoffset:0;opacity:1}}@keyframes strokeWidthGrow{0%{stroke-width:1}100%{stroke-width:3.5}}@keyframes arrowPulse{0%,100%{opacity:0.6;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.particle-animation{background:linear-gradient(135deg,#8B0000 0%,#A52A2A 50%,#CD5C5C 100%)}.glow-particle{position:absolute;width:12px;height:12px;background:radial-gradient(circle,rgba(255,255,255,1) 0%,rgba(255,200,100,0.6) 50%,transparent 100%);border-radius:50%;box-shadow:0 0 20px rgba(255,200,100,0.8);animation:particleRise 5s ease-in-out infinite}.rising-line{position:absolute;width:3px;height:200px;background:linear-gradient(to top,transparent 0%,rgba(255,255,255,0.6) 50%,rgba(255,200,100,1) 100%);box-shadow:0 0 15px rgba(255,200,100,0.6);animation:lineRise 4s ease-in-out infinite}@keyframes particleRise{0%{transform:translateY(100vh) scale(0.5);opacity:0}20%{opacity:1}80%{opacity:1}100%{transform:translateY(-100px) scale(1);opacity:0}}@keyframes lineRise{0%{transform:translateY(100vh);opacity:0}20%{opacity:0.8}80%{opacity:0.8}100%{transform:translateY(-200px);opacity:0}}.grid-animation{background:linear-gradient(135deg,#8B0000 0%,#B22222 100%);perspective:1000px}.perspective-grid{position:absolute;bottom:0;left:0;width:100%;height:60%;transform:rotateX(60deg) translateZ(-200px);transform-style:preserve-3d}.grid-line-h,.grid-line-v{position:absolute;background:rgba(255,255,255,0.15)}.grid-line-h{width:100%;height:1px;animation:gridPulse 3s ease-in-out infinite}.grid-line-v{width:1px;height:100%;animation:gridPulse 3s ease-in-out infinite}@keyframes gridPulse{0%,100%{opacity:0.15}50%{opacity:0.4}}@media (max-width:768px){.wave-line{height:2px}.kline-candle{width:6px}.glow-particle{width:8px;height:8px}.rising-line{width:2px;height:150px}}@media (max-width:576px){.sp-hero-section{padding-top:3vh;padding-bottom:30px}.sp-hero-container{padding:0 15px}.sp-hero-logo .sp-logo-img{width:40px;height:40px}.sp-hero-logo .sp-logo-text{font-size:20px}.sp-hero-main,.sp-hero-sub{font-size:28px}.sp-hero-desc{font-size:13px;margin-bottom:30px}.sp-btn-gradient,.sp-btn-outline{padding:12px 24px;font-size:14px}.sp-features-section,.sp-price-section,.sp-faq-section{padding:40px 15px}.sp-feature-card{padding:20px}.bagua-rotate{width:200px;height:200px}.auth-page .auth-container{padding:20px 15px;min-height:100vh;overflow-y:auto}.auth-page .auth-card{padding:32px 24px;max-width:100%;margin:20px 0}.auth-page .auth-title{font-size:24px}.auth-page .auth-subtitle{font-size:14px}.auth-page .back-link{font-size:24px;margin-bottom:30px}.auth-page .auth-input{padding:14px 16px;font-size:14px}.auth-page .btn-tech{padding:14px 20px;font-size:15px}body.auth-page{overflow-y:auto;overflow-x:hidden}}@media (min-width:577px) and (max-width:768px){.auth-page .auth-container{padding:30px 20px}.auth-page .auth-card{padding:40px 32px;max-width:500px}.auth-page .auth-title{font-size:26px}}@media (max-height:800px){body.auth-page{overflow-y:auto !important}.auth-page .auth-container{padding:30px 20px;justify-content:flex-start;min-height:auto}.auth-page .auth-card{margin:20px 0}.auth-page .back-link{margin-bottom:20px}.auth-page .auth-title{font-size:24px;margin-bottom:8px}.auth-page .auth-subtitle{margin-top:8px;margin-bottom:20px}.auth-page .mb-4{margin-bottom:1rem !important}.auth-page .mb-3{margin-bottom:0.75rem !important}}@media (max-width:900px){body.auth-page{overflow-y:auto !important}.auth-page .auth-container{padding:30px 20px}.auth-page .auth-card{max-width:90%;padding:40px 32px}}@media (max-width:1024px),(max-height:900px){body{overflow-x:hidden !important;overflow-y:auto !important}body.landing-page,body.auth-page{overflow-x:hidden !important;overflow-y:auto !important}.auth-page .auth-container,.sp-hero-section{min-height:auto !important}}@media (max-width:480px){.sp-hero-main,.sp-hero-sub{font-size:24px !important}.sp-hero-desc{font-size:12px !important}.auth-page .auth-card{padding:24px 20px !important}.auth-page .auth-title{font-size:22px !important}}