@import url("https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&family=Exo+2:ital,wght@0,400;0,700;1,400&display=swap");@import url("https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700&display=swap");:root{--dark-bg:#0a0a14;--dark-bg-secondary:#14142c;--accent-blue:#00f0ff;--accent-violet:#a050ff;--accent-green:#00ffaa;--text-color:#e0e0ff;--text-muted:#a0a0c0;--glow-blue:0 0 8px var(--accent-blue),0 0 16px var(--accent-blue),0 0 24px rgba(0,240,255,0.5);--glow-violet:0 0 8px var(--accent-violet),0 0 16px var(--accent-violet),0 0 24px rgba(160,80,255,0.5);--glow-green:0 0 8px var(--accent-green),0 0 16px var(--accent-green),0 0 24px rgba(0,255,170,0.5);--neon-green-transparent:rgba(0,255,170,0.3);--font-heading:var(--font-orbitron),sans-serif;--font-body:var(--font-nunito),sans-serif;--transition-speed:0.3s}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--dark-bg);color:var(--text-color);font-family:var(--font-nunito),sans-serif;line-height:1.7;overflow-x:hidden}.futuristic-container{width:100%;min-height:100vh;display:flex;flex-direction:column;position:relative;background-image:linear-gradient(rgba(10,10,20,.97),rgba(10,10,20,.97)),radial-gradient(circle at top left,rgba(0,240,255,.05) 0,transparent 30%),radial-gradient(circle at bottom right,rgba(160,80,255,.05) 0,transparent 30%)}a{color:var(--accent-blue);text-decoration:none;transition:color var(--transition-speed) ease,text-shadow var(--transition-speed) ease}a:hover{color:var(--accent-green);text-shadow:var(--glow-green)}img{max-width:100%;height:auto;display:block}.futuristic-header{position:sticky;top:0;z-index:1000;padding:1rem 5%;background-color:rgba(20,20,44,.7);backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,240,255,.2);display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem}.futuristic-logo span{font-family:var(--font-heading);font-weight:900;font-size:1.8rem;color:var(--text-color);text-shadow:0 0 5px var(--accent-blue),0 0 10px var(--accent-blue),0 0 15px var(--accent-blue),0 0 20px var(--accent-violet),0 0 35px var(--accent-violet);animation:flicker 3s infinite alternate}@keyframes flicker{0%,18%,22%,25%,53%,57%,to{text-shadow:0 0 5px var(--accent-blue),0 0 10px var(--accent-blue),0 0 15px var(--accent-blue),0 0 20px var(--accent-violet),0 0 35px var(--accent-violet)}20%,24%,55%{text-shadow:none}}.futuristic-app-title{display:none}.futuristic-tagline{font-size:.9rem;color:var(--text-muted);font-style:italic;text-align:center;flex-basis:100%;order:3}.futuristic-nav{display:flex;gap:1.5rem;order:2}.futuristic-nav-link{font-family:var(--font-heading);font-size:1rem;font-weight:700;color:var(--text-muted);padding:.5rem 0;position:relative;transition:color var(--transition-speed)}.futuristic-nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background-color:var(--accent-green);transition:width var(--transition-speed) ease;box-shadow:var(--glow-green)}.futuristic-nav-link:hover{color:var(--accent-green)}.futuristic-nav-link:hover:after{width:100%}.futuristic-main{flex-grow:1;padding:2rem 5%;max-width:1200px;margin:0 auto;width:100%}.main-content-sections{display:flex;flex-direction:column;gap:3rem}.futuristic-hero{min-height:80vh;display:flex;align-items:center;justify-content:center;text-align:center;position:relative;overflow:hidden;padding:4rem 1rem;border-radius:15px}.futuristic-hero-bg{position:absolute;top:0;left:0;right:0;bottom:0;background:var(--dark-bg);overflow:hidden;z-index:1}.futuristic-hero-bg:before{content:"";position:absolute;width:1px;height:1px;background:var(--accent-blue);border-radius:50%;box-shadow:10vw 20vh 0 0 var(--accent-blue),80vw 70vh 0 1px var(--accent-violet),40vw 90vh 0 0 var(--accent-green),60vw 10vh 0 1px var(--accent-blue),15vw 85vh 0 0 var(--accent-green),70vw 30vh 0 1px var(--accent-violet);animation:moveParticles 100s linear infinite}@keyframes moveParticles{0%{transform:translateY(0)}to{transform:translateY(-100vh)}}.futuristic-hero-content{position:relative;z-index:2;max-width:800px}.futuristic-title-strip{text-align:center;padding:2rem 1rem;background:rgba(10,10,20,.7);backdrop-filter:blur(5px);border-bottom:1px solid rgba(0,240,255,.2);margin-bottom:3rem}.futuristic-image-section{text-align:center;max-width:900px;margin:0 auto 3rem}.futuristic-hero-title{margin-bottom:1.5rem;font-size:clamp(2rem,6vw,3.5rem);color:var(--accent-blue);text-shadow:var(--glow-blue);letter-spacing:1px}.futuristic-form-container{background:rgba(20,20,44,.8);border:1px solid rgba(0,240,255,.3);padding:2rem;border-radius:10px;box-shadow:0 0 25px rgba(0,240,255,.1),inset 0 0 10px rgba(0,0,0,.4);max-width:600px;margin:2rem auto 0;flex-direction:column;gap:1.5rem}.futuristic-form-element{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;width:100%}.futuristic-label{font-family:var(--font-heading);font-size:.9rem;color:var(--accent-blue);text-transform:uppercase;letter-spacing:1px}.futuristic-input,.futuristic-slider{width:100%;background-color:rgba(10,10,20,.8);border:1px solid var(--accent-violet);border-radius:5px;color:var(--text-color);font-family:var(--font-body);font-size:1rem;padding:.8rem;transition:border-color var(--transition-speed),box-shadow var(--transition-speed)}.futuristic-input:focus,.futuristic-slider:focus-within{outline:none;border-color:var(--accent-green);box-shadow:0 0 12px rgba(0,255,170,.4)}.futuristic-input::placeholder{color:var(--text-muted);opacity:.7}.futuristic-slider span[role=slider]{background-color:var(--accent-green)!important;border:2px solid var(--dark-bg)!important;box-shadow:var(--glow-green)!important}.futuristic-slider>span:first-child{background-color:var(--accent-violet)!important;opacity:.5}.futuristic-button{font-family:var(--font-heading);font-weight:700;font-size:1rem;padding:.8rem 1.8rem;border:1px solid var(--accent-blue);border-radius:5px;background:linear-gradient(45deg,var(--accent-blue),var(--accent-violet));color:var(--dark-bg);text-transform:uppercase;letter-spacing:1px;cursor:pointer;position:relative;overflow:hidden;transition:transform var(--transition-speed),box-shadow var(--transition-speed),background var(--transition-speed);display:inline-flex;align-items:center;justify-content:center;gap:.75rem}.futuristic-button:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle,rgba(0,240,255,.4) 0,transparent 70%);opacity:0;transition:opacity var(--transition-speed);z-index:0}.futuristic-button .futuristic-icon,.futuristic-button .futuristic-spinner,.futuristic-button span,.futuristic-button svg{position:relative;z-index:1}.futuristic-button:hover:not(:disabled){transform:translateY(-2px) scale(1.02);box-shadow:var(--glow-blue);background:linear-gradient(45deg,var(--accent-green),var(--accent-blue))}.futuristic-button:hover:not(:disabled):before{opacity:1}.futuristic-button:active:not(:disabled){transform:translateY(0) scale(1);box-shadow:inset 0 0 10px rgba(0,0,0,.5)}.futuristic-button:disabled{background:var(--dark-bg-secondary);border-color:var(--text-muted);color:var(--text-muted);cursor:not-allowed;opacity:.5}.futuristic-cta-button{font-size:1.2rem;padding:1rem 2.5rem;margin-top:1.5rem;align-self:center;border:1px solid var(--accent-green);background:linear-gradient(45deg,var(--accent-green),var(--accent-blue))}.futuristic-spinner,.futuristic-spinner-small{width:1.2em;height:1.2em;border:2px solid var(--dark-bg);border-top-color:var(--text-color);border-radius:50%;animation:spin .8s linear infinite}.futuristic-spinner-small{width:1em;height:1em}@keyframes spin{to{transform:rotate(1turn)}}.futuristic-icon{font-size:1.2em;line-height:1}.futuristic-features{padding:0}.futuristic-section-title{font-family:var(--font-heading);font-weight:700;font-size:clamp(1.8rem,5vw,2.8rem);text-align:center;color:var(--text-color);margin-bottom:3rem;text-shadow:var(--glow-violet);letter-spacing:2px}.futuristic-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:2.5rem}.futuristic-card{background:linear-gradient(145deg,var(--dark-bg-secondary),#1f1f3a);border:1px solid rgba(160,80,255,.3);border-radius:10px;padding:2rem 1.5rem;position:relative;overflow:hidden;transition:transform var(--transition-speed),box-shadow var(--transition-speed);box-shadow:0 5px 15px rgba(10,10,20,.5)}.futuristic-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;opacity:.05;pointer-events:none}.futuristic-card:hover{transform:translateY(-5px) scale(1.02);box-shadow:var(--glow-violet);border-color:rgba(160,80,255,.6)}.futuristic-card-icon{font-size:2.5rem;color:var(--accent-violet);margin-bottom:1rem;display:inline-block;filter:drop-shadow(var(--glow-violet))}.futuristic-card h3{font-family:var(--font-heading);font-size:1.2rem;color:var(--accent-green);margin-bottom:.5rem}.futuristic-card p{font-size:.95rem;color:var(--text-muted)}.futuristic-how-it-works{padding:0}.futuristic-steps-container{display:flex;flex-wrap:wrap;justify-content:space-around;align-items:center;margin-top:3rem;position:relative;gap:1rem}.futuristic-step-connector{flex-grow:1;height:2px;background:linear-gradient(to right,var(--accent-blue),var(--accent-violet));opacity:.3;min-width:50px;margin:0 1rem}@media (max-width:768px){.futuristic-steps-container{flex-direction:column;align-items:center}.futuristic-step-connector{display:none}}.futuristic-step{text-align:center;max-width:200px;padding:1rem;position:relative;opacity:0;animation:fadeIn .5s ease forwards;animation-delay:calc(var(--step-index, 0) * .2s)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.futuristic-step-icon{width:80px;height:80px;border-radius:50%;border:3px solid var(--accent-blue);display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;font-family:var(--font-heading);font-size:1.8rem;font-weight:700;color:var(--accent-blue);background-color:rgba(10,10,20,.8);box-shadow:var(--glow-blue),inset 0 0 10px rgba(0,240,255,.2);transition:transform var(--transition-speed),box-shadow var(--transition-speed)}.futuristic-step:hover .futuristic-step-icon{transform:scale(1.1);box-shadow:var(--glow-green);border-color:var(--accent-green);color:var(--accent-green)}.futuristic-step h3{font-family:var(--font-heading);font-size:1.1rem;color:var(--accent-green);margin-bottom:.5rem}.futuristic-step p{font-size:.9rem;color:var(--text-muted)}.futuristic-story-card{background-color:rgba(20,20,44,.9);border:1px solid rgba(160,80,255,.3);border-radius:10px;box-shadow:0 0 30px rgba(20,20,44,.8);color:var(--text-color)}.futuristic-story-card .card-header{border-bottom:1px solid rgba(0,240,255,.2)}.futuristic-story-title{font-family:var(--font-heading);color:var(--accent-blue);font-size:1.5rem;text-shadow:var(--glow-blue)}.futuristic-story-description{color:var(--text-muted);font-style:italic;font-size:.9rem}.futuristic-story-content{padding-top:1rem}.futuristic-chapter{border-top:1px dashed rgba(160,80,255,.2)!important}.futuristic-chapter-title{font-family:var(--font-heading);font-size:1.2rem;color:var(--accent-green);margin-bottom:1rem!important}.futuristic-chapter-text{color:var(--text-color);line-height:1.8;font-size:1.1rem;margin-bottom:1.5rem;text-align:justify}.futuristic-chapter-text p{margin-bottom:1.5rem}.futuristic-story-image{border-radius:5px;border:1px solid var(--accent-violet);opacity:.9;margin-bottom:1rem;box-shadow:0 0 10px rgba(160,80,255,.2)}.futuristic-error-placeholder,.futuristic-loading-placeholder{display:flex;align-items:center;justify-content:center;padding:2rem;border-radius:5px;min-height:100px;margin-bottom:1rem;font-family:var(--font-body);font-style:italic;gap:.5rem}.futuristic-loading-placeholder{background-color:rgba(10,10,20,.7);border:1px dashed var(--accent-blue);color:var(--accent-blue)}.futuristic-error-placeholder{background-color:rgba(10,10,20,.7);border:1px dashed var(--accent-violet);color:var(--accent-violet)}.futuristic-icon-button{background:rgba(20,20,44,.8);border:1px solid var(--accent-blue);color:var(--accent-blue);transition:all var(--transition-speed)}.futuristic-icon-button:hover:not(:disabled){background:rgba(0,240,255,.2);color:var(--accent-green);border-color:var(--accent-green);box-shadow:var(--glow-green)}.futuristic-icon-button:disabled{opacity:.4;cursor:not-allowed}.highlighted-word{background-color:var(--neon-green-transparent);color:var(--text-color);padding:0 2px;border-radius:3px;box-shadow:0 0 8px var(--accent-green);transition:background-color .1s ease-in-out,box-shadow .1s ease-in-out}.futuristic-footer{padding:2.5rem 5%;margin-top:4rem;background:linear-gradient(0deg,rgba(10,10,20,1),rgba(20,20,44,.8));border-top:1px solid rgba(0,240,255,.2);text-align:center;color:var(--text-muted)}.futuristic-footer-content{max-width:800px;margin:0 auto}.futuristic-social-icons{margin-bottom:1.5rem}.futuristic-social-icon{font-size:1.6rem;margin:0 1rem;color:var(--accent-violet);display:inline-block;transition:color var(--transition-speed),transform var(--transition-speed),text-shadow var(--transition-speed)}.futuristic-social-icon:hover{color:var(--accent-green);transform:scale(1.2) rotate(5deg);text-shadow:var(--glow-green)}.futuristic-footer p{margin-bottom:.5rem;font-size:.9rem}.futuristic-footer-link{color:var(--accent-blue);font-weight:700}.futuristic-footer-link:hover{color:var(--accent-green)}.futuristic-copyright{margin-top:1.5rem;font-size:.8rem;opacity:.6}@media (max-width:992px){.futuristic-features-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem}}@media (max-width:768px){.futuristic-header{flex-direction:column;padding:1rem 3%}.futuristic-tagline{order:2}.futuristic-nav{order:3;margin-top:.5rem;gap:1rem}.futuristic-main{padding:1.5rem 3%}.main-content-sections{gap:2rem}.futuristic-hero{padding:3rem 1rem;min-height:unset;margin-bottom:0}.futuristic-image-section,.futuristic-title-strip{margin-bottom:2rem}.futuristic-form-container{padding:1.5rem}.futuristic-how-it-works .futuristic-step{max-width:160px}.futuristic-footer{padding:2rem 3%;margin-top:2rem}.futuristic-social-icon{margin:0 .8rem}}@media (max-width:480px){:root{--glow-blue:0 0 4px var(--accent-blue),0 0 8px var(--accent-blue);--glow-violet:0 0 4px var(--accent-violet),0 0 8px var(--accent-violet);--glow-green:0 0 4px var(--accent-green),0 0 8px var(--accent-green)}.futuristic-logo span{font-size:1.5rem}.futuristic-hero-title{font-size:2rem}.futuristic-section-title{font-size:1.5rem}.futuristic-button{font-size:.9rem;padding:.7rem 1.5rem}.futuristic-cta-button{font-size:1rem;padding:.8rem 1.8rem}.futuristic-card{padding:1.5rem 1rem}.futuristic-how-it-works .futuristic-step-icon{width:60px;height:60px;font-size:1.5rem}}