body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0a0a0a;color:#fff;font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;overflow-x:hidden}code{font-family:Orbitron,source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html{scroll-behavior:smooth}::selection{background:rgba(103,58,183,.3);color:#fff}::-moz-selection{background:rgba(103,58,183,.3);color:#fff}*{box-sizing:border-box;margin:0;padding:0}.App{background:#0a0a0a;color:#fff;font-family:Roboto,sans-serif;line-height:1.6;overflow-x:hidden}.container{margin:0 auto;max-width:1200px;padding:0 20px}h1,h2,h3,h4{font-family:Orbitron,monospace;font-weight:700;letter-spacing:2px;text-transform:uppercase}.section-title{color:#673ab7;font-size:2.5rem;margin-bottom:4rem;position:relative;text-align:center}.section-title:after{background:linear-gradient(90deg,#673ab7,#9c27b0);bottom:-10px;content:"";height:3px;left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:100px}.btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-family:Orbitron,monospace;font-size:.9rem;font-weight:600;gap:10px;letter-spacing:1px;padding:12px 24px;text-decoration:none;text-transform:uppercase;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,#673ab7,#9c27b0);box-shadow:0 4px 15px rgba(103,58,183,.3);color:#fff}.btn-primary:hover{box-shadow:0 6px 20px rgba(103,58,183,.4);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.btn-secondary{background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);color:#fff}.btn-secondary:hover{background:hsla(0,0%,100%,.2);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.btn-outline{background:transparent;border:2px solid #673ab7;color:#673ab7}.btn-outline:hover{background:#673ab7;color:#fff;-webkit-transform:translateY(-2px);transform:translateY(-2px)}.btn-large{font-size:1rem;padding:16px 32px}@-webkit-keyframes fadeIn{0%{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes slideUp{0%{opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes glitch{0%,to{-webkit-transform:translate(0);transform:translate(0)}20%{-webkit-transform:translate(-2px,2px);transform:translate(-2px,2px)}40%{-webkit-transform:translate(-2px,-2px);transform:translate(-2px,-2px)}60%{-webkit-transform:translate(2px,2px);transform:translate(2px,2px)}80%{-webkit-transform:translate(2px,-2px);transform:translate(2px,-2px)}}@keyframes glitch{0%,to{-webkit-transform:translate(0);transform:translate(0)}20%{-webkit-transform:translate(-2px,2px);transform:translate(-2px,2px)}40%{-webkit-transform:translate(-2px,-2px);transform:translate(-2px,-2px)}60%{-webkit-transform:translate(2px,2px);transform:translate(2px,2px)}80%{-webkit-transform:translate(2px,-2px);transform:translate(2px,-2px)}}@-webkit-keyframes typing{0%{width:0}to{width:100%}}@keyframes typing{0%{width:0}to{width:100%}}@-webkit-keyframes pulse{0%,to{box-shadow:0 0 0 0 rgba(103,58,183,.7);-webkit-transform:scale(1);transform:scale(1)}50%{box-shadow:0 0 0 10px rgba(103,58,183,0);-webkit-transform:scale(1.05);transform:scale(1.05)}}@keyframes pulse{0%,to{box-shadow:0 0 0 0 rgba(103,58,183,.7);-webkit-transform:scale(1);transform:scale(1)}50%{box-shadow:0 0 0 10px rgba(103,58,183,0);-webkit-transform:scale(1.05);transform:scale(1.05)}}@-webkit-keyframes float{0%,to{-webkit-transform:translateY(0) rotate(0deg);transform:translateY(0) rotate(0deg)}50%{-webkit-transform:translateY(-20px) rotate(180deg);transform:translateY(-20px) rotate(180deg)}}@keyframes float{0%,to{-webkit-transform:translateY(0) rotate(0deg);transform:translateY(0) rotate(0deg)}50%{-webkit-transform:translateY(-20px) rotate(180deg);transform:translateY(-20px) rotate(180deg)}}@-webkit-keyframes bounce{0%,20%,50%,80%,to{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}60%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}}@keyframes bounce{0%,20%,50%,80%,to{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}60%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}}@-webkit-keyframes phoneFloat{0%,to{-webkit-transform:translateY(0) rotateY(0deg);transform:translateY(0) rotateY(0deg)}50%{-webkit-transform:translateY(-10px) rotateY(5deg);transform:translateY(-10px) rotateY(5deg)}}@keyframes phoneFloat{0%,to{-webkit-transform:translateY(0) rotateY(0deg);transform:translateY(0) rotateY(0deg)}50%{-webkit-transform:translateY(-10px) rotateY(5deg);transform:translateY(-10px) rotateY(5deg)}}@-webkit-keyframes markerPulse{0%,to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}50%{opacity:.8;-webkit-transform:scale(1.2);transform:scale(1.2)}}@keyframes markerPulse{0%,to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}50%{opacity:.8;-webkit-transform:scale(1.2);transform:scale(1.2)}}@-webkit-keyframes playerMove{0%{-webkit-transform:translate(0);transform:translate(0)}25%{-webkit-transform:translate(20px,-10px);transform:translate(20px,-10px)}50%{-webkit-transform:translate(40px,10px);transform:translate(40px,10px)}75%{-webkit-transform:translate(20px,20px);transform:translate(20px,20px)}to{-webkit-transform:translate(0);transform:translate(0)}}@keyframes playerMove{0%{-webkit-transform:translate(0);transform:translate(0)}25%{-webkit-transform:translate(20px,-10px);transform:translate(20px,-10px)}50%{-webkit-transform:translate(40px,10px);transform:translate(40px,10px)}75%{-webkit-transform:translate(20px,20px);transform:translate(20px,20px)}to{-webkit-transform:translate(0);transform:translate(0)}}@-webkit-keyframes popupSlide{0%{opacity:0;-webkit-transform:translateX(-100px) scale(.8);transform:translateX(-100px) scale(.8)}to{opacity:1;-webkit-transform:translateX(0) scale(1);transform:translateX(0) scale(1)}}@keyframes popupSlide{0%{opacity:0;-webkit-transform:translateX(-100px) scale(.8);transform:translateX(-100px) scale(.8)}to{opacity:1;-webkit-transform:translateX(0) scale(1);transform:translateX(0) scale(1)}}@-webkit-keyframes countUp{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes countUp{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes glow{0%,to{box-shadow:0 0 5px rgba(103,58,183,.5)}50%{box-shadow:0 0 20px rgba(103,58,183,.8),0 0 30px rgba(103,58,183,.6)}}@keyframes glow{0%,to{box-shadow:0 0 5px rgba(103,58,183,.5)}50%{box-shadow:0 0 20px rgba(103,58,183,.8),0 0 30px rgba(103,58,183,.6)}}@-webkit-keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.hero{align-items:center;display:flex;min-height:100vh;overflow:hidden;position:relative}.hero-background{background:linear-gradient(135deg,#0a0a0a,#1a1a2e 50%,#16213e);z-index:1}.hero-background,.hero-grid{bottom:0;left:0;position:absolute;right:0;top:0}.hero-grid{-webkit-animation:fadeIn 2s ease-out;animation:fadeIn 2s ease-out;background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='10' height='10' patternUnits='userSpaceOnUse'%3E%3Cpath d='M10 0H0v10' fill='none' stroke='%23673ab7' stroke-width='.5' opacity='.1'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");opacity:.3}.floating-elements{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0}.floating-element{-webkit-animation:float 6s ease-in-out infinite;animation:float 6s ease-in-out infinite;font-size:2rem;opacity:.3;position:absolute}.hero-layout{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1fr 1fr;position:relative;width:100%;z-index:2}.hero-content{max-width:600px}.hero-badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(103,58,183,.2);border:1px solid rgba(103,58,183,.3);border-radius:25px;color:#673ab7;display:inline-flex;font-family:Orbitron,monospace;font-size:.8rem;font-weight:600;gap:8px;letter-spacing:2px;margin-bottom:2rem;padding:12px 20px}.badge-icon{-webkit-animation:pulse 2s infinite;animation:pulse 2s infinite}.hero-title{margin-bottom:2rem}.hero-title-main{display:block;font-size:4.5rem;font-weight:900;line-height:1;margin-bottom:.5rem}.glitch-text{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#673ab7,#9c27b0,#e91e63);-webkit-background-clip:text;background-clip:text;position:relative}.glitch-text:hover{-webkit-animation:glitch .3s ease-in-out;animation:glitch .3s ease-in-out}.hero-title-sub{color:#888;display:block;font-size:1.2rem;font-weight:400;letter-spacing:3px;overflow:hidden}.typing-text{-webkit-animation:typing 3s steps(30) 1s both;animation:typing 3s steps(30) 1s both;border-right:2px solid #673ab7;display:inline-block;overflow:hidden;white-space:nowrap}.hero-description{color:#ccc;font-size:1.2rem;line-height:1.8;margin-bottom:3rem}.highlight{color:#673ab7;font-weight:600;position:relative}.highlight:after{-webkit-animation:slideUp .5s ease-out 2s forwards;animation:slideUp .5s ease-out 2s forwards;background:linear-gradient(90deg,#673ab7,#9c27b0);bottom:0;content:"";height:2px;left:0;position:absolute;right:0;-webkit-transform:scaleX(0);transform:scaleX(0)}.hero-stats{grid-gap:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:15px;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr);margin-bottom:3rem;padding:2rem}.stat{text-align:center}.stat-number{color:#673ab7;display:block;font-family:Orbitron,monospace;font-size:2rem;font-weight:700;margin-bottom:.5rem}.stat-label{color:#888;font-size:.8rem;letter-spacing:1px;text-transform:uppercase}.hero-buttons{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:3rem}.btn-pulse{-webkit-animation:pulse 2s infinite;animation:pulse 2s infinite;position:relative}.btn-glow{background:linear-gradient(135deg,#673ab7,#9c27b0);border-radius:6px;bottom:0;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease;z-index:-1}.btn-pulse:hover .btn-glow{-webkit-animation:glow 1s ease-in-out infinite;animation:glow 1s ease-in-out infinite;opacity:.3}.btn-hover-effect{overflow:hidden;position:relative}.btn-hover-effect:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.btn-hover-effect:hover:before{left:100%}.hero-platforms{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.platforms-label{color:#888;font-family:Orbitron,monospace;font-size:.8rem;letter-spacing:1px}.platform-icons{display:flex;gap:1rem}.platform-icon{align-items:center;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:10px;display:flex;flex-direction:column;gap:.5rem;padding:1rem;transition:all .3s ease}.platform-icon:hover{background:rgba(103,58,183,.1);border-color:rgba(103,58,183,.3);-webkit-transform:translateY(-5px);transform:translateY(-5px)}.platform-icon span{font-size:1.5rem}.platform-icon small{color:#888;font-size:.7rem}.hero-visual{align-items:center;display:flex;justify-content:center}.hero-visual,.phone-container{position:relative}.hero-scroll-indicator{bottom:2rem;left:50%;position:absolute;text-align:center;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:2}.scroll-arrow{align-items:center;-webkit-animation:bounce 2s infinite;animation:bounce 2s infinite;border:2px solid #673ab7;border-radius:50%;color:#673ab7;display:flex;font-size:1.2rem;height:40px;justify-content:center;margin:0 auto .5rem;width:40px}.scroll-text{color:#888;font-family:Orbitron,monospace;font-size:.7rem;letter-spacing:2px}.animate-fade-in{-webkit-animation:fadeIn 1s ease-out;animation:fadeIn 1s ease-out}.animate-slide-up{-webkit-animation:slideUp 1s ease-out .2s both;animation:slideUp 1s ease-out .2s both}.animate-slide-up-delay{-webkit-animation:slideUp 1s ease-out .5s both;animation:slideUp 1s ease-out .5s both}.animate-fade-in-delay{-webkit-animation:fadeIn 1s ease-out .8s both;animation:fadeIn 1s ease-out .8s both}.animate-slide-up-stats{-webkit-animation:slideUp 1s ease-out 1.2s both;animation:slideUp 1s ease-out 1.2s both}.animate-buttons{-webkit-animation:slideUp 1s ease-out 1.5s both;animation:slideUp 1s ease-out 1.5s both}.animate-fade-in-platforms{-webkit-animation:fadeIn 1s ease-out 1.8s both;animation:fadeIn 1s ease-out 1.8s both}.animate-phone{-webkit-animation:phoneFloat 4s ease-in-out infinite;animation:phoneFloat 4s ease-in-out infinite}.animate-bounce{-webkit-animation:bounce 2s infinite;animation:bounce 2s infinite}.animate-on-scroll{opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px);transition:all .8s cubic-bezier(.25,.46,.45,.94)}.animate-on-scroll.animate-visible{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.animate-icon{transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.feature-card:hover .animate-icon{-webkit-transform:scale(1.2) rotate(10deg);transform:scale(1.2) rotate(10deg)}.feature-overlay{background:linear-gradient(135deg,rgba(103,58,183,.1),rgba(156,39,176,.1));border-radius:15px;bottom:0;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.feature-card:hover .feature-overlay{opacity:1}.phone-mockup{background:linear-gradient(145deg,#2a2a2a,#1a1a1a);border-radius:35px;box-shadow:0 25px 50px rgba(0,0,0,.6),0 0 0 1px hsla(0,0%,100%,.1),inset 0 1px 0 hsla(0,0%,100%,.1);height:640px;padding:25px;position:relative;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;width:320px}.phone-mockup:before{background:#333;border-radius:4px;box-shadow:inset 0 1px 2px rgba(0,0,0,.5);height:8px;top:15px;width:80px}.phone-mockup:after,.phone-mockup:before{content:"";left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.phone-mockup:after{background:#222;border:3px solid #333;border-radius:50%;bottom:15px;height:60px;width:60px}.phone-screen{background:#000;border-radius:25px;box-shadow:inset 0 0 20px rgba(0,0,0,.5);overflow:hidden}.app-preview,.phone-screen{height:100%;position:relative;width:100%}.app-preview{background:linear-gradient(180deg,#1a1a2e,#16213e)}.preview-header{align-items:center;background:rgba(0,0,0,.3);border-bottom:1px solid rgba(103,58,183,.3);color:#673ab7;display:flex;font-family:Orbitron,monospace;font-weight:700;justify-content:space-between;padding:15px 20px}.header-signal{background:linear-gradient(90deg,#673ab7 0,#673ab7 25%,#888 0,#888 50%,#888 0,#888 75%,#444 0,#444);border-radius:2px;height:12px;width:20px}.header-battery{background:linear-gradient(90deg,#673ab7 0,#673ab7 80%,transparent 0);border:1px solid #673ab7;border-radius:2px;height:12px;position:relative;width:25px}.header-battery:after{background:#673ab7;border-radius:0 1px 1px 0;content:"";height:6px;position:absolute;right:-3px;top:3px;width:2px}.preview-map{background:linear-gradient(45deg,#0f3460,#16213e);border:1px solid rgba(103,58,183,.3);border-radius:12px;height:65%;margin:15px;overflow:hidden;position:relative}.map-grid{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'%3E%3Cdefs%3E%3Cpattern id='a' width='5' height='5' patternUnits='userSpaceOnUse'%3E%3Cpath d='M5 0H0v5' fill='none' stroke='%23673ab7' stroke-width='.3' opacity='.3'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h50v50H0z'/%3E%3C/svg%3E")}.map-grid,.map-markers{bottom:0;left:0;position:absolute;right:0;top:0}.marker{background:#673ab7;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.3);height:12px;position:absolute;width:12px}.marker-1{left:40%;top:30%}.marker-2{left:70%;top:60%}.marker-3{left:80%;top:20%}.animate-marker{-webkit-animation:markerPulse 2s ease-in-out infinite;animation:markerPulse 2s ease-in-out infinite}.map-player{background:#e91e63;border:3px solid #fff;border-radius:50%;box-shadow:0 0 10px rgba(233,30,99,.5);height:16px;left:30%;position:absolute;top:50%;width:16px}.animate-player{-webkit-animation:playerMove 8s ease-in-out infinite;animation:playerMove 8s ease-in-out infinite}.preview-ui{background:rgba(0,0,0,.2);display:flex;gap:5px;justify-content:space-around;padding:15px}.ui-tab{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:6px;color:#888;flex:1 1;font-family:Orbitron,monospace;font-size:.7rem;font-weight:600;padding:8px 12px;text-align:center;transition:all .3s ease}.ui-tab.active{background:rgba(103,58,183,.2);border-color:rgba(103,58,183,.5);color:#673ab7}.animate-tab{-webkit-animation:slideUp .5s ease-out both;animation:slideUp .5s ease-out both}.preview-notifications{left:15px;position:absolute;right:15px;top:80px}.notification{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(103,58,183,.9);border-radius:8px;box-shadow:0 4px 12px rgba(103,58,183,.3);color:#fff;display:flex;font-size:.8rem;gap:10px;padding:10px 15px}.notification-icon{font-size:1.2rem}.animate-notification{-webkit-animation:slideUp .5s ease-out 2s both;animation:slideUp .5s ease-out 2s both}.phone-glow{-webkit-animation:glow 3s ease-in-out infinite;animation:glow 3s ease-in-out infinite;background:radial-gradient(circle,rgba(103,58,183,.3) 0,transparent 70%);border-radius:50px;bottom:-20px;left:-20px;position:absolute;right:-20px;top:-20px;z-index:-1}.floating-ui-elements{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0}.ui-popup{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(103,58,183,.9);border-radius:20px;box-shadow:0 4px 12px rgba(103,58,183,.4);color:#fff;display:flex;font-size:.7rem;gap:8px;padding:8px 12px;position:absolute;white-space:nowrap}.animate-popup{-webkit-animation:popupSlide .8s ease-out both;animation:popupSlide .8s ease-out both}.animate-pulse{-webkit-animation:pulse 2s ease-in-out infinite;animation:pulse 2s ease-in-out infinite}.features{background:#111;padding:100px 0}.features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.feature-card{background:linear-gradient(145deg,#1a1a1a,#0f0f0f);border:1px solid rgba(103,58,183,.2);border-radius:15px;overflow:hidden;padding:2rem;position:relative;transition:all .3s ease}.feature-card:before{background:linear-gradient(90deg,#673ab7,#9c27b0);content:"";height:3px;left:0;position:absolute;right:0;top:0;-webkit-transform:scaleX(0);transform:scaleX(0);transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.feature-card:hover:before{-webkit-transform:scaleX(1);transform:scaleX(1)}.feature-card:hover{border-color:rgba(103,58,183,.5);box-shadow:0 10px 30px rgba(103,58,183,.2);-webkit-transform:translateY(-5px);transform:translateY(-5px)}.feature-icon{font-size:3rem;margin-bottom:1rem}.feature-card h3{color:#673ab7;font-size:1.2rem;margin-bottom:1rem}.feature-card p{color:#ccc;line-height:1.6}.use-cases{background:linear-gradient(135deg,#0a0a0a,#1a1a2e);padding:100px 0}.use-cases-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.use-case{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:15px;padding:2rem;text-align:center;transition:all .3s ease}.use-case:hover{background:rgba(103,58,183,.1);border-color:rgba(103,58,183,.3);-webkit-transform:translateY(-5px);transform:translateY(-5px)}.use-case-glow{-webkit-animation:gradientShift 3s ease infinite;animation:gradientShift 3s ease infinite;background:linear-gradient(45deg,#673ab7,#9c27b0,#e91e63,#673ab7);background-size:400% 400%;border-radius:17px;bottom:-2px;left:-2px;opacity:0;position:absolute;right:-2px;top:-2px;transition:opacity .3s ease;z-index:-1}.use-case:hover .use-case-glow{opacity:.3}.use-case-icon{font-size:4rem;margin-bottom:1rem}.use-case h3{color:#673ab7;font-size:1.1rem;margin-bottom:1rem}.use-case p{color:#ccc;line-height:1.6}.tech{background:#111;padding:100px 0}.tech-content{grid-gap:4rem;align-items:start;display:grid;gap:4rem;grid-template-columns:1fr 1fr}.tech-info h3{color:#673ab7;font-size:1.5rem;margin-bottom:2rem}.tech-info ul{list-style:none}.tech-info li{border-bottom:1px solid hsla(0,0%,100%,.1);color:#ccc;padding:1rem 0}.tech-info li:last-child{border-bottom:none}.tech-platforms h3{color:#673ab7;font-size:1.5rem;margin-bottom:2rem}.platforms{flex-direction:column}.platform,.platforms{display:flex;gap:1rem}.platform{align-items:center;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:10px;padding:1.5rem}.platform span{font-size:2rem}.platform strong{color:#673ab7;display:block}.platform small{color:#888;font-size:.9rem}.platform-progress{background:hsla(0,0%,100%,.1);border-radius:2px;height:4px;margin-top:1rem;overflow:hidden;width:100%}.progress-bar{background:linear-gradient(90deg,#673ab7,#9c27b0);border-radius:2px;height:100%;transition:width 1.5s ease-out;width:0}.platform.animate-visible .progress-bar{width:attr(data-progress)}.cta{background:linear-gradient(135deg,#673ab7,#9c27b0);padding:100px 0;text-align:center}.cta-content h2{color:#fff;font-size:3rem;margin-bottom:1rem}.cta-content p{color:hsla(0,0%,100%,.9);font-size:1.2rem;margin-bottom:3rem;margin-left:auto;margin-right:auto;max-width:600px}.cta-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.cta .btn-primary{background:#fff;color:#673ab7}.cta .btn-primary:hover{background:#f5f5f5}.cta .btn-outline{border-color:#fff;color:#fff}.cta .btn-outline:hover{background:#fff;color:#673ab7}.footer{background:#000;padding:60px 0 20px}.footer-content{grid-gap:4rem;display:grid;gap:4rem;grid-template-columns:1fr 2fr;margin-bottom:3rem}.footer-brand h3{color:#673ab7;font-size:2rem;margin-bottom:.5rem}.footer-brand p{color:#888;font-family:Orbitron,monospace;letter-spacing:1px}.footer-links{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.footer-section h4{color:#673ab7;font-size:1rem;margin-bottom:1rem}.footer-section ul{list-style:none}.footer-section li{margin-bottom:.5rem}.footer-section a{color:#ccc;text-decoration:none;transition:color .3s ease}.footer-section a:hover{color:#673ab7}.footer-bottom{border-top:1px solid hsla(0,0%,100%,.1);color:#888;padding-top:2rem;text-align:center}@media (max-width:1024px){.hero-layout{gap:3rem;grid-template-columns:1fr;text-align:center}.hero-content{order:1}.hero-visual{order:2}.phone-mockup{height:560px;width:280px}.floating-elements{display:none}}@media (max-width:768px){.hero{min-height:auto;padding:4rem 0}.hero-title-main{font-size:3rem}.hero-title-sub{font-size:1rem}.hero-description{font-size:1.1rem}.hero-stats{gap:1rem;grid-template-columns:1fr;padding:1.5rem}.stat-number{font-size:1.5rem}.hero-buttons{align-items:center;flex-direction:column;gap:1rem}.btn{max-width:300px;width:100%}.btn,.hero-platforms{justify-content:center}.phone-mockup{height:500px;padding:20px;width:250px}.section-title{font-size:2rem}.features-grid{gap:1.5rem;grid-template-columns:1fr}.feature-card{padding:1.5rem}.use-cases-grid{grid-template-columns:repeat(2,1fr)}.footer-content,.tech-content{gap:2rem;grid-template-columns:1fr}.cta-content h2{font-size:2rem}.cta-buttons{align-items:center;flex-direction:column;gap:1rem}.floating-element{display:none}}@media (max-width:480px){.container{padding:0 15px}.hero{padding:2rem 0}.hero-title-main{font-size:2.2rem}.hero-title-sub{font-size:.9rem;letter-spacing:1px}.hero-description{font-size:1rem;margin-bottom:2rem}.hero-stats{grid-template-columns:1fr;margin-bottom:2rem;padding:1rem}.stat-number{font-size:1.3rem}.hero-badge,.stat-label{font-size:.7rem}.hero-badge{padding:8px 16px}.btn{font-size:.8rem;padding:12px 20px}.btn-large{font-size:.9rem;padding:14px 28px}.phone-mockup{height:440px;padding:15px;width:220px}.phone-mockup:before{height:6px;width:60px}.phone-mockup:after{height:40px;width:40px}.section-title{font-size:1.8rem;margin-bottom:2rem}.use-cases-grid{grid-template-columns:1fr}.use-case{padding:1.5rem}.platform-icons{flex-direction:column;gap:.5rem}.platform-icon{padding:.8rem}.cta-content h2{font-size:1.8rem}.cta-content p{font-size:1rem}.hero-scroll-indicator{bottom:1rem}.scroll-arrow{font-size:1rem;height:35px;width:35px}.scroll-text{font-size:.6rem}}@media (max-width:360px){.hero-title-main{font-size:1.8rem}.phone-mockup{height:400px;width:200px}.hero-stats{grid-template-columns:1fr}.stat{padding:.5rem}}.feedback{background:linear-gradient(135deg,#0a0a0a,#1a1a2e 50%,#16213e);min-height:100vh;padding:6rem 0 4rem;position:relative}.feedback:before{background:radial-gradient(circle at 20% 20%,rgba(103,58,183,.1) 0,transparent 50%),radial-gradient(circle at 80% 80%,rgba(156,39,176,.1) 0,transparent 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.feedback-header{margin-bottom:3rem;position:relative;text-align:center;z-index:2}.feedback-subtitle{color:hsla(0,0%,100%,.8);font-size:1.2rem;margin-left:auto;margin-right:auto;margin-top:1rem;max-width:600px}.feedback-content{margin:0 auto;max-width:800px;position:relative;z-index:2}.feedback-form{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:20px;box-shadow:0 20px 40px rgba(0,0,0,.3);padding:3rem}.form-group{margin-bottom:2rem}.form-group label{color:#673ab7;display:block;font-family:Orbitron,monospace;font-size:.9rem;font-weight:600;letter-spacing:1px;margin-bottom:.8rem;text-transform:uppercase}.form-input,.form-select,.form-textarea{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:hsla(0,0%,100%,.08);border:2px solid hsla(0,0%,100%,.1);border-radius:10px;color:#fff;font-family:inherit;font-size:1rem;padding:1rem 1.5rem;transition:all .3s ease;width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{background:hsla(0,0%,100%,.12);border-color:#673ab7;box-shadow:0 0 0 3px rgba(103,58,183,.2);outline:none}.form-input::-webkit-input-placeholder,.form-textarea::-webkit-input-placeholder{color:hsla(0,0%,100%,.5)}.form-input::placeholder,.form-textarea::placeholder{color:hsla(0,0%,100%,.5)}.form-select option{background:#1a1a2e;color:#fff}.form-hint{color:hsla(0,0%,100%,.6);display:block;font-size:.85rem;font-style:italic;margin-top:.5rem}.form-textarea{line-height:1.6;min-height:120px;resize:vertical}.feedback-categories{background:rgba(103,58,183,.1);border:1px solid rgba(103,58,183,.2);border-radius:15px;margin:2.5rem 0;padding:2rem}.feedback-categories h3{color:#673ab7;font-family:Orbitron,monospace;font-size:1.1rem;letter-spacing:1px;margin-bottom:1.5rem;text-align:center;text-transform:uppercase}.categories-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.category-item{align-items:center;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:10px;cursor:pointer;display:flex;gap:.8rem;padding:1rem;transition:all .3s ease}.category-item:hover{background:hsla(0,0%,100%,.1)}.category-item.selected,.category-item:hover{border-color:#673ab7;-webkit-transform:translateY(-2px);transform:translateY(-2px)}.category-item.selected{background:rgba(103,58,183,.3)}.category-item.selected:hover{background:rgba(103,58,183,.4)}.selected-indicator{color:#4caf50;font-size:1.2rem;font-weight:700;margin-left:auto}.category-icon{align-items:center;background:rgba(103,58,183,.2);border-radius:50%;display:flex;font-size:1.5rem;height:40px;justify-content:center;width:40px}.form-actions{margin-top:3rem;text-align:center}.feedback-success{align-items:center;background:linear-gradient(135deg,#0a0a0a,#1a1a2e 50%,#16213e);display:flex;justify-content:center;min-height:100vh;position:relative}.feedback-success:before{background:radial-gradient(circle at 50% 50%,rgba(76,175,80,.1) 0,transparent 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.success-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:20px;box-shadow:0 20px 40px rgba(0,0,0,.3);max-width:500px;padding:4rem 3rem;position:relative;text-align:center;z-index:2}.success-icon{-webkit-animation:pulse 2s infinite;animation:pulse 2s infinite;display:block;font-size:4rem;margin-bottom:2rem}.success-content h1{color:#4caf50;margin-bottom:1.5rem}.success-content p{color:hsla(0,0%,100%,.8);font-size:1.1rem;line-height:1.6;margin-bottom:2.5rem}.remove-account{background:linear-gradient(135deg,#0a0a0a,#1a1a2e 50%,#16213e);min-height:100vh;padding:6rem 0 4rem;position:relative}.remove-account:before{background:radial-gradient(circle at 20% 20%,rgba(244,67,54,.1) 0,transparent 50%),radial-gradient(circle at 80% 80%,rgba(233,30,99,.1) 0,transparent 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.remove-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:20px;box-shadow:0 20px 40px rgba(0,0,0,.3);margin:0 auto;max-width:800px;padding:3rem;position:relative;z-index:2}.remove-header{margin-bottom:3rem;text-align:center}.remove-header p{color:hsla(0,0%,100%,.8);font-size:1.2rem}.remove-section h2{color:#f44336;font-size:1.5rem;margin-bottom:1.5rem}.remove-section h3{color:#673ab7;font-size:1.2rem;margin:2rem 0 1rem}.remove-section p{line-height:1.6}.remove-section p,.remove-section ul{color:hsla(0,0%,100%,.8);margin-bottom:1.5rem}.remove-section ul{padding-left:2rem}.remove-section li{line-height:1.6;margin-bottom:.5rem}.contact-info{background:rgba(103,58,183,.1);border:1px solid rgba(103,58,183,.2);border-radius:15px;margin:2rem 0;padding:2rem}.contact-info h3{margin-bottom:1rem}.contact-info p{font-size:1.1rem;margin-bottom:0}.warning-box{background:rgba(244,67,54,.1);border:1px solid rgba(244,67,54,.3);border-radius:15px;margin:2rem 0;padding:2rem}.warning-box p{margin-bottom:1rem}.warning-box p:last-child{margin-bottom:0}.remove-footer{border-top:1px solid hsla(0,0%,100%,.1);margin-top:3rem;padding-top:2rem;text-align:center}.remove-footer p{color:hsla(0,0%,100%,.7);font-size:1rem}@media (max-width:768px){.feedback-form{padding:2rem}.categories-grid{grid-template-columns:1fr}.form-input,.form-select,.form-textarea{padding:.8rem 1.2rem}.success-content{margin:0 1rem;padding:3rem 2rem}.remove-content{margin:0 1rem;padding:2rem}}@media (max-width:480px){.feedback-categories,.feedback-form{padding:1.5rem}.category-item{padding:.8rem}.success-content{padding:2rem 1.5rem}.remove-content{padding:1.5rem}}.instructions-content{margin:0 auto;max-width:1200px}.instruction-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(0,12,24,.8);border:1px solid rgba(0,255,157,.3);border-radius:12px;margin-bottom:4rem;padding:2rem}.instruction-subsection{margin-bottom:2rem}.instruction-subsection h3{align-items:center;color:#00ff9d;display:flex;font-size:1.3rem;gap:.5rem;margin-bottom:1rem}.instruction-list{color:#e0e0e0;line-height:1.6;margin-left:1.5rem}.instruction-list li{margin-bottom:.8rem}.instruction-list ul{margin:.5rem 0 .5rem 1rem}.instruction-list ul li{list-style-type:disc;margin-bottom:.4rem}.instructions-hero{align-items:center;background:rgba(0,0,0,.9);display:flex;min-height:70vh;padding:4rem 0}.instructions-hero .hero-content{margin:0 auto;max-width:800px;position:relative;text-align:center;z-index:10}.instructions-hero .hero-badge{background:rgba(0,255,157,.2);border:2px solid #00ff9d;border-radius:50px;display:inline-block;font-weight:700;letter-spacing:1px;margin-bottom:2rem;padding:1rem 2rem}.instructions-hero .hero-title-main{color:#00ff9d;font-size:4rem;text-shadow:0 0 20px rgba(0,255,157,.5)}.instructions-hero .hero-title-sub{color:#fff;display:block;font-size:1.5rem;margin-top:1rem}.instructions-hero .hero-description{color:#e0e0e0;font-size:1.3rem;line-height:1.6;margin-left:auto;margin-right:auto;margin-top:2rem;max-width:700px}@media (max-width:768px){.instructions-hero{min-height:50vh;padding:2rem 0}.instructions-hero .hero-badge{font-size:.9rem;margin-bottom:1.5rem;padding:.8rem 1.5rem}.instructions-hero .hero-title-main{font-size:2.5rem}.instructions-hero .hero-title-sub{font-size:1.2rem}.instructions-hero .hero-description{font-size:1.1rem;margin-top:1.5rem;padding:0 1rem}}@media (max-width:480px){.instructions-hero{min-height:40vh;padding:1.5rem 0}.instructions-hero .hero-badge{font-size:.8rem;margin-bottom:1rem;padding:.6rem 1rem}.instructions-hero .hero-title-main{font-size:2rem}.instructions-hero .hero-title-sub{font-size:1rem}.instructions-hero .hero-description{font-size:1rem;margin-top:1rem;padding:0 1.5rem}}