.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:linear-gradient(135deg,#0a0a0a,#1a1a2e,#16213e);padding:40px 20px}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 25% 25%,rgba(227,193,74,.15) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(102,126,234,.12) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(255,107,107,.08) 0%,transparent 50%);animation:heroColorPattern 35s ease-in-out infinite;pointer-events:none;z-index:1}@keyframes heroColorPattern{0%,to{transform:translate(-20px) translateY(-20px) rotate(0);opacity:.6}33%{transform:translate(15px) translateY(25px) rotate(120deg);opacity:.8}66%{transform:translate(-15px) translateY(15px) rotate(240deg);opacity:.7}}.gradient-blob{position:absolute;border-radius:50%;filter:blur(80px);opacity:.2}.gradient-blob-1{width:300px;height:300px;background:radial-gradient(circle,rgba(102,126,234,.3) 0%,transparent 70%);top:-100px;left:-100px}.gradient-blob-2{width:250px;height:250px;background:radial-gradient(circle,rgba(255,107,107,.2) 0%,transparent 70%);bottom:-50px;right:-50px}@media (min-width: 769px){.gradient-blob{animation:floatBlob 15s ease-in-out infinite}.gradient-blob-2{animation-delay:-7s}}@keyframes floatBlob{0%,to{transform:translate(0) scale(1)}50%{transform:translate(20px,-20px) scale(1.05)}}.hero-container{position:relative;z-index:20;width:100%;max-width:800px;margin:0 auto;text-align:center}.logo-section{margin-bottom:40px;display:flex;justify-content:center;align-items:center;position:relative}.hero-logo{width:150px;height:150px;object-fit:contain;border-radius:30px;padding:20px;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(227,193,74,.2);box-shadow:0 10px 30px #0000004d}.title-section{margin-bottom:30px}.hero-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:800;margin-bottom:15px;color:#fff;line-height:1.1;display:flex;flex-direction:column;align-items:center;gap:.5rem}.welcome-text{font-size:.6em;color:#fffc;font-weight:400}.brand-highlight{background:linear-gradient(135deg,#e3c14a,#ffd700f2,#ffffffe6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 30px rgb(255 191 0 / 26%)}.hero-subtitle{font-size:clamp(1.4rem,3.5vw,2rem);background:linear-gradient(135deg,#e3c14a,#ffd700e6,#fffffff2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:600;letter-spacing:1px;margin:15px 0;line-height:1.3;position:relative}.hero-subtitle:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:60%;height:2px;background:linear-gradient(135deg,#e3c14a,#ffd700e6,#fffffff2);border-radius:2px}.hero-description{font-size:clamp(1rem,2vw,1.2rem);color:#fff9;line-height:1.6;max-width:650px;margin:0 auto 40px;font-weight:300}.stats-section{display:flex;justify-content:center;gap:40px;margin-bottom:50px;flex-wrap:wrap}.stat-number{display:block;font-size:2.5rem;font-weight:700;color:#00a8ff;margin-bottom:5px}.stat-text{font-size:.9rem;color:#fff9;text-transform:uppercase;letter-spacing:1px}.scroll-indicator{position:absolute;bottom:10px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;opacity:.7}.scroll-dot{width:6px;height:6px;background:#fffc;border-radius:50%;box-shadow:0 0 10px #ffffff4d}@media (min-width: 769px){.scroll-dot{animation:scrollBounce 2s ease-in-out infinite}}@keyframes scrollBounce{0%,to{transform:translateY(0)}50%{transform:translateY(10px)}}@media (max-width: 768px){.hero{padding:20px 15px;min-height:100vh}.hero-logo{width:120px;height:120px;padding:15px}.logo-section{margin-bottom:30px}.title-section{margin-bottom:25px}.hero-title{font-size:clamp(2rem,4vw,3rem)}.hero-subtitle{font-size:clamp(.9rem,2.2vw,1.1rem);letter-spacing:.8px}.hero-subtitle:after{bottom:-5px;height:1px;left:50%;transform:translate(-50%);width:75%}.stats-section{flex-direction:column;gap:20px;margin-bottom:40px}.hero-description{margin-bottom:30px}}@media (max-width: 480px){.stats-section{gap:15px}.hero-title{font-size:clamp(1.8rem,4vw,2.5rem);gap:.3rem}.hero-subtitle{font-size:clamp(.8rem,2vw,1rem);letter-spacing:.5px}.stat-number{font-size:2rem}}@media (max-width: 768px){.gradient-blob{display:none}}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}.hero-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.gradient-blob{position:absolute;border-radius:50%;filter:blur(100px);opacity:.3;animation:floatBlob 20s ease-in-out infinite}.gradient-blob-1{width:400px;height:400px;background:radial-gradient(circle,rgba(102,126,234,.4) 0%,transparent 70%);top:-100px;left:-100px;animation-delay:0s}.gradient-blob-2{width:300px;height:300px;background:radial-gradient(circle,rgba(255,107,107,.3) 0%,transparent 70%);bottom:-50px;right:-50px;animation-delay:-10s}@keyframes floatBlob{0%,to{transform:translate(0) scale(1)}50%{transform:translate(30px,-30px) scale(1.1)}}.hero-container{position:relative;z-index:10;width:100%;max-width:800px;margin:0 auto;text-align:center}.hero-content{position:relative}.logo-section{margin-bottom:50px;display:flex;justify-content:center;align-items:center;perspective:1000px;position:relative}.floating-trial-badge{position:absolute;top:30px;right:30px;z-index:30;pointer-events:none}.floating-badge-content{background:none;border:none;border-radius:0;padding:8px 16px;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;pointer-events:auto;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:visible;animation:none}.floating-badge-content:before{display:none}.floating-badge-content:hover{transform:translateY(-2px) scale(1.1);box-shadow:none}.floating-badge-text{font-size:.9rem;font-weight:700;color:gold;text-transform:uppercase;letter-spacing:.5px;text-shadow:0 0 8px rgba(255,215,0,.6),0 0 16px rgba(255,215,0,.3),0 2px 4px rgba(0,0,0,.5);line-height:1;white-space:nowrap;animation:lightGlow 3s ease-in-out infinite;position:relative}@media (max-width: 768px){.floating-badge-text{text-shadow:0 0 5px rgba(255,215,0,.5),0 2px 3px rgba(0,0,0,.4);animation:none}}@keyframes lightGlow{0%,to{opacity:.9;text-shadow:0 0 8px rgba(255,215,0,.6),0 0 16px rgba(255,215,0,.3),0 2px 4px rgba(0,0,0,.5)}50%{opacity:1;text-shadow:0 0 12px rgba(255,215,0,.8),0 0 20px rgba(255,215,0,.4),0 2px 4px rgba(0,0,0,.6)}}.logo-section:before,.logo-section:after{content:"";position:absolute;top:50%;left:50%;width:180px;height:180px;transform:translate(-50%,-50%);border:2px solid rgba(227,193,74,.3);border-radius:50%;animation:ripple 3s ease-out infinite;z-index:1}.logo-section:after{animation-delay:1.5s;border-color:#e3c14a33;z-index:0}@keyframes ripple{0%{width:180px;height:180px;opacity:1;border-width:2px}to{width:300px;height:300px;opacity:0;border-width:1px}}.logo-wrapper{position:relative;display:inline-block}.coin-container{position:relative;display:inline-block;transform-style:preserve-3d;width:160px;height:160px}.coin-side{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:50%}.coin-front{transform:rotateY(0)}.coin-back{transform:rotateY(180deg)}.hero-logo.coin-logo{width:160px;height:160px;border-radius:50%;background:none;-webkit-backdrop-filter:none;backdrop-filter:none;border:none;padding:10px;transition:all .3s ease;filter:none;box-shadow:none;position:relative;z-index:10}.hero-logo.coin-logo:before{content:"";position:absolute;inset:-4px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#e3c14a4d,#f0d26e33,#e3c14a1a,#c8a83433,#e3c14a1a);z-index:-1;animation:coinGlow 4s ease-in-out infinite alternate}.hero-logo.coin-logo:after{content:"";position:absolute;top:50%;left:50%;width:80%;height:80%;transform:translate(-50%,-50%);border:2px solid rgba(227,193,74,.3);border-radius:50%;z-index:2}@keyframes coinGlow{0%{box-shadow:0 0 20px #e3c14a66,0 0 40px #e3c14a33}to{box-shadow:0 0 30px #e3c14a99,0 0 60px #e3c14a4d}}@keyframes heartbeat{0%{transform:scale(1);border-radius:30% 70% 70% 30%/30% 30% 70% 70%}14%{transform:scale(1.1);border-radius:25% 75% 75% 25%/25% 25% 75% 75%}28%{transform:scale(1);border-radius:35% 65% 65% 35%/35% 35% 65% 65%}42%{transform:scale(1.15);border-radius:20% 80% 80% 20%/20% 20% 80% 80%}70%{transform:scale(1);border-radius:30% 70% 70% 30%/30% 30% 70% 70%}to{transform:scale(1);border-radius:30% 70% 70% 30%/30% 30% 70% 70%}}.hero-logo{width:160px;height:160px;border-radius:50%;background:none;-webkit-backdrop-filter:none;backdrop-filter:none;border:none;padding:20px;transition:all .3s ease;filter:none;box-shadow:none;position:relative;z-index:10}.title-section{margin-bottom:20px}.hero-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:700;line-height:1.2;margin:0 0 20px;color:#fffffff2;letter-spacing:-.02em;display:flex;flex-direction:column;align-items:center;gap:.2em}.welcome-text{display:flex;align-items:center;font-size:.8em;font-weight:400;color:#fffc}.brand-highlight{background:linear-gradient(135deg,#667eea,#764ba2,#ff6b6b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;display:inline-flex;align-items:center;flex-wrap:wrap;justify-content:center;gap:0;line-height:1.2}.brand-letter{display:inline-block}.food-emoji{display:inline-block;font-size:1em;margin:0 .15em;transform-origin:center;opacity:1;vertical-align:baseline;line-height:1;color:initial;background:none;-webkit-text-fill-color:initial;-webkit-background-clip:initial;background-clip:initial}.noodle-emoji,.curry-emoji{color:initial!important;-webkit-text-fill-color:initial!important;background:none!important;-webkit-background-clip:initial!important;background-clip:initial!important}.space{display:inline-block;width:.3em}.hero-subtitle{font-size:clamp(1.2rem,3vw,1.6rem);background:linear-gradient(135deg,#e3c14a,#ffd700e6,#fffffff2,#ffd700e6,#e3c14a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:500;margin:0;letter-spacing:1.5px;text-transform:uppercase;position:relative;display:inline-block;text-shadow:0 0 30px rgba(227,193,74,.5);font-family:Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.hero-subtitle:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:75%;height:2px;background:linear-gradient(90deg,transparent 0%,rgba(227,193,74,.8) 20%,rgba(255,215,0,1) 50%,rgba(227,193,74,.8) 80%,transparent 100%);border-radius:2px}.hero-description{font-size:clamp(1rem,2vw,1.2rem);color:#fff9;line-height:1.6;max-width:650px;margin:0 auto 50px;font-weight:300}.cta-section{margin-bottom:60px}.cta-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:18px 40px;font-size:1.1rem;font-weight:600;border-radius:50px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 10px 30px #667eea4d;display:inline-flex;align-items:center;gap:10px;position:relative;overflow:hidden}.cta-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .6s cubic-bezier(.4,0,.2,1)}.cta-button:hover:before{left:100%}.button-arrow{font-size:1.2rem;font-weight:700}.stats-section{display:flex;justify-content:center;align-items:center;gap:50px;flex-wrap:wrap;margin-bottom:80px;padding:30px;background:#ffffff05;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:20px}.stat{text-align:center}.stat-number{display:block;font-size:2.2rem;font-weight:700;background:linear-gradient(135deg,#667eea,#ff6b6b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin-bottom:5px}.stat-text{font-size:.9rem;color:#fff9;text-transform:uppercase;letter-spacing:1px;font-weight:500}.scroll-indicator{position:absolute;bottom:-10px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:15px;opacity:.7}.scroll-dot{width:6px;height:6px;background:#fffc;border-radius:50%;box-shadow:0 0 15px #ffffff80}.scroll-text{font-size:.8rem;color:#ffffff80;text-transform:uppercase;letter-spacing:1px;font-weight:500}@media (max-width: 768px){.hero{padding:20px 15px;min-height:100vh}.hero-logo{width:120px;height:120px;padding:15px}.hero-logo.coin-logo{width:120px;height:120px;padding:8px;border:none}.coin-container{width:120px;height:120px}.logo-glow{width:160px;height:160px}.floating-trial-badge{top:20px;right:20px}.floating-badge-content{padding:6px 12px}.floating-badge-text{font-size:.8rem;letter-spacing:.3px}.hero-subtitle{font-size:clamp(1rem,2.5vw,1.3rem);letter-spacing:1px}.hero-subtitle:after{bottom:-6px;height:1.5px;left:50%;transform:translate(-50%);width:75%}.stats-section{gap:30px;padding:25px;margin-bottom:60px}.stat-number{font-size:1.8rem}.cta-button{padding:16px 35px;font-size:1rem}.hero-title{font-size:clamp(2rem,4vw,3rem)}.food-emoji{font-size:.9em;margin:0 .1em}}@media (max-width: 480px){.stats-section{flex-direction:column;gap:20px}.hero-description{margin-bottom:40px}.title-section{margin-bottom:30px}.logo-section{margin-bottom:40px}.floating-trial-badge{top:15px;right:15px}.floating-badge-content{padding:5px 10px}.floating-badge-text{font-size:.75rem;letter-spacing:.2px}.hero-title{font-size:clamp(1.8rem,4vw,2.5rem);gap:.1em}.hero-subtitle{font-size:clamp(.9rem,2.2vw,1.1rem);letter-spacing:.8px}.hero-subtitle:after{bottom:-5px;height:1px;left:50%;transform:translate(-50%);width:75%}.welcome-text{font-size:.7em;gap:.2em}.food-emoji{font-size:.8em;margin:0 .08em}.brand-highlight{gap:.02em}.space{width:.2em}}@media (prefers-reduced-motion: no-preference){.hero-background:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 30%,rgba(102,126,234,.05) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(255,107,107,.05) 0%,transparent 50%);animation:subtleShift 30s ease-in-out infinite}}@media (prefers-reduced-motion: reduce){.coin-container,.coin-container *,.coinGlow{animation:none!important}.hero-logo.coin-logo:before{animation:none!important}.hero-logo.coin-logo,.coin-side,.food-emoji{animation:none!important;transform:none!important}.gradient-blob,.floating-badge-text,.lightGlow{animation:none!important}}.hero-features-premium{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:0 20px;max-width:1000px;margin:30px auto}.premium-feature-card{background:#ffffff08;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:16px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;cursor:pointer;min-height:120px}.premium-feature-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.05) 50%,transparent 100%);transition:left .6s ease}.premium-feature-card:hover:before{left:100%}.premium-feature-card:hover{border-color:#667eea4d;box-shadow:0 10px 40px #0000004d,0 0 30px #667eea1a;transform:translateY(-5px) scale(1.02)}.premium-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;position:relative;flex-shrink:0;transition:transform .3s ease}.premium-feature-card:hover .premium-icon{transform:scale(1.1) rotate(5deg)}.premium-icon.pos{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 6px 20px #667eea4d}.premium-icon.offline{background:linear-gradient(135deg,#4facfe,#00f2fe);box-shadow:0 6px 20px #4facfe4d}.premium-icon.analytics{background:linear-gradient(135deg,#43e97b,#38f9d7);box-shadow:0 6px 20px #43e97b4d}.premium-icon.qr{background:linear-gradient(135deg,#fa709a,#fee140);box-shadow:0 6px 20px #fa709a4d}.premium-content{flex:1}.premium-content h3{font-size:.9rem;font-weight:600;color:#fffffff2;margin:0 0 4px;line-height:1.3}.premium-content p{font-size:.75rem;color:#fff9;margin:0;line-height:1.4;font-weight:400}@media (max-width: 768px){.hero-features-premium{grid-template-columns:repeat(2,1fr);gap:12px;margin:40px 0;padding:0 15px}.premium-feature-card{padding:14px;gap:10px;min-height:100px}.premium-icon{width:36px;height:36px;font-size:16px}.premium-content h3{font-size:.85rem}.premium-content p{font-size:.7rem}}@media (max-width: 480px){.hero-features-premium{grid-template-columns:repeat(2,1fr);margin:35px 0;padding:0 10px;gap:10px}.premium-feature-card{padding:12px;gap:8px;border-radius:10px;min-height:100px;flex-direction:column;text-align:center}.premium-icon{width:32px;height:32px;font-size:14px;border-radius:8px}.premium-content h3{font-size:.8rem}.premium-content p{font-size:.7rem}}.scroll-progress-container{position:fixed;left:20px;top:50%;transform:translateY(-50%);z-index:1000;display:flex;flex-direction:column;align-items:center;gap:8px;background:#ffffff0d;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:50px;padding:15px 8px;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000001a}.nav-dot{width:32px;height:32px;border-radius:50%;border:none;background:#ffffff1a;cursor:pointer;position:relative;transition:all .2s ease;display:flex;align-items:center;justify-content:center;font-size:14px;overflow:hidden;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 2px 8px #0000001a,inset 0 1px #fff3;z-index:2;color:#fffc}.nav-icon{display:flex;align-items:center;justify-content:center;width:100%;height:100%;transition:all .2s ease;position:relative;z-index:2}.nav-dot:hover{transform:scale(1.05);background:#ffffff26;box-shadow:0 0 15px var(--section-color, rgba(59, 130, 246, .4)),0 4px 15px #0000001a;color:var(--section-color, #3b82f6)}.nav-dot.active{background:#fff3;box-shadow:0 0 20px var(--section-color, rgba(59, 130, 246, .8)),0 4px 15px #0000001a;transform:scale(1.05);color:var(--section-color, #3b82f6)}.nav-tooltip{position:absolute;left:45px;top:50%;transform:translateY(-50%) translate(-10px);background:#ffffff1a;color:#fff;padding:8px 12px;border-radius:8px;font-size:12px;font-weight:500;white-space:nowrap;opacity:0;visibility:hidden;transition:all .2s ease;pointer-events:none;box-shadow:0 4px 15px #0000001a;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:1001}@media (max-width: 768px){.scroll-progress-container{left:15px;padding:12px 6px;gap:6px;background:transparent;border:1px solid rgba(255,255,255,.005);box-shadow:0 8px 32px #00000001}.nav-dot{width:28px;height:28px;font-size:12px}.nav-tooltip{display:none}}@media (max-width: 480px){.scroll-progress-container{left:10px;padding:10px 5px;gap:4px;background:transparent;border:1px solid rgba(255,255,255,.003);box-shadow:0 8px 32px #00000001}.nav-dot{width:24px;height:24px;font-size:10px}}.scroll-navigation{display:flex;flex-direction:column;gap:8px;position:relative;align-items:center}.nav-dot{width:32px;height:32px;border-radius:50%;border:none;background:#ffffff1a;cursor:pointer;position:relative;transition:all .3s ease;display:flex;align-items:center;justify-content:center;font-size:14px;overflow:hidden;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);box-shadow:0 2px 8px #0000001a,inset 0 1px #fff3,0 0 0 1px #ffffff1a;z-index:2;color:#fffc}.nav-icon{display:flex;align-items:center;justify-content:center;width:100%;height:100%;transition:all .3s ease;position:relative;z-index:2}.nav-dot:hover{transform:scale(1.1);background:#ffffff26;box-shadow:0 0 20px var(--section-color, rgba(59, 130, 246, .6)),0 4px 15px #0000001a,inset 0 1px #ffffff4d,0 0 0 2px var(--section-color, rgba(59, 130, 246, .3));color:var(--section-color, #3b82f6)}.nav-dot:hover .nav-icon{transform:scale(1.1);color:var(--section-color, #3b82f6);text-shadow:0 0 8px var(--section-color, rgba(59, 130, 246, .4))}.nav-dot.active{background:#fff3;box-shadow:0 0 20px var(--section-color, rgba(59, 130, 246, .8)),0 4px 15px #0000001a,inset 0 1px #fff6,0 0 0 2px var(--section-color, #3b82f6);transform:scale(1.05);color:var(--section-color, #3b82f6)}.nav-dot.active .nav-icon{color:var(--section-color, #3b82f6);transform:scale(1.05);filter:brightness(1.2) contrast(1.1);text-shadow:0 0 10px var(--section-color, rgba(59, 130, 246, .5))}.nav-tooltip{position:absolute;left:45px;top:50%;transform:translateY(-50%) translate(-10px);background:#ffffff1a;color:#fff;padding:8px 12px;border-radius:8px;font-size:12px;font-weight:500;white-space:nowrap;opacity:0;visibility:hidden;transition:all .3s cubic-bezier(.25,.46,.45,.94);pointer-events:none;box-shadow:0 4px 15px #0000001a,inset 0 1px #fff3;border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);z-index:1001}.nav-tooltip:before{content:"";position:absolute;left:-5px;top:50%;transform:translateY(-50%);width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-right:5px solid rgba(255,255,255,.1)}.nav-dot:hover .nav-tooltip{opacity:1;visibility:visible;transform:translateY(-50%) translate(0);left:50px}@media (max-width: 768px){.scroll-progress-container{left:15px;padding:12px 6px;gap:6px}.connecting-line{width:1px;height:calc(100% - 32px)}.nav-dot{width:28px;height:28px;font-size:12px}.nav-tooltip{display:none}}@media (max-width: 480px){.scroll-progress-container{left:10px;padding:10px 5px;gap:4px}.nav-dot{width:24px;height:24px;font-size:10px}.connecting-line{height:calc(100% - 24px)}}.floating-contact-button{position:fixed;bottom:30px;right:30px;z-index:1000;background:#00ffff26;border:none;border-radius:60px;padding:15px 20px;cursor:pointer;box-shadow:0 8px 32px #0ff3,inset 0 1px #ffffff4d;color:#fff;font-weight:600;font-size:14px;display:flex;align-items:center;gap:8px;transition:all .3s ease;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(0,255,255,.3)}.floating-contact-button:hover{transform:translateY(-2px);background:#00ffff40;box-shadow:0 12px 40px #0ff6,inset 0 1px #fff6;border:1px solid rgba(0,255,255,.5)}.floating-contact-button svg{width:20px;height:20px;color:#fff}.button-text{white-space:nowrap;color:#fff;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.3)}@media (max-width: 768px){.floating-contact-button{bottom:20px;right:20px;padding:12px 16px;font-size:12px}.floating-contact-button svg{width:18px;height:18px}}@media (max-width: 480px){.floating-contact-button{padding:10px;border-radius:50px}.button-text{display:none}.floating-contact-button svg{width:24px;height:24px}}.floating-contact-button:before{content:"";position:absolute;inset:-2px;background:linear-gradient(135deg,#00ffff4d,#0080ff4d);border-radius:inherit;z-index:-1;opacity:0;animation:pulse 3s infinite;filter:blur(1px)}@keyframes pulse{0%,to{opacity:0;transform:scale(1)}50%{opacity:.6;transform:scale(1.02)}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:var(--text-color);overflow-x:hidden;background:var(--dark-bg)}.App{min-height:100vh;position:relative;overflow-x:hidden;z-index:1}@media (min-width: 769px){.App:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 50%,rgba(102,126,234,.05) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(118,75,162,.05) 0%,transparent 50%);z-index:-1}}.container{max-width:1200px;margin:0 auto;padding:0 15px}.section-title{font-size:2.5rem;text-align:center;margin-bottom:60px;color:var(--text-color);position:relative;background:var(--gradient-1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:60px;height:4px;background:var(--gradient-1);border-radius:2px}@media (max-width: 768px){.section-title{font-size:2rem}}