*{box-sizing:border-box;margin:0;padding:0}:root{--primary-color: #4f46e5;--primary-highlight: #7670f3;--primary-dark: #322ca1;--purple-accent: #b206d4;--purple-dark: #6f0b8d;--blue-accent: #4f5eff;--blue-dark: #0800ff;--success-color: #22c55e;--success-light: #4ade80;--error-color: #ef4444;--error-light: #f87171;--dark-bg: #0a0a0f;--dark-surface: #141420;--dark-elevated: #1c1c2e;--text-primary: #ffffff;--text-secondary: #a0a0b8;--primary-05: oklch(from var(--primary-color) l c h / .05);--primary-10: oklch(from var(--primary-color) l c h / .1);--primary-20: oklch(from var(--primary-color) l c h / .2);--primary-30: oklch(from var(--primary-color) l c h / .3);--primary-40: oklch(from var(--primary-color) l c h / .4);--primary-50: oklch(from var(--primary-color) l c h / .5);--primary-60: oklch(from var(--primary-color) l c h / .6);--purple-05: rgba(168, 85, 247, .05);--purple-10: rgba(168, 85, 247, .1);--purple-30: rgba(168, 85, 247, .3);--purple-50: rgba(168, 85, 247, .5);--blue-30: rgba(59, 130, 246, .3);--blue-50: rgba(59, 130, 246, .5);--success-10: rgba(34, 197, 94, .1);--success-30: rgba(34, 197, 94, .3);--error-10: rgba(239, 68, 68, .1);--error-30: rgba(239, 68, 68, .3);--dark-bg-60: rgba(10, 10, 15, .6);--dark-bg-80: rgba(10, 10, 15, .8);--dark-bg-95: rgba(10, 10, 15, .95);--elevated-40: rgba(28, 28, 46, .4);--elevated-60: rgba(28, 28, 46, .6);--white: #ffffff;--white-05: rgba(255, 255, 255, .05);--white-20: rgba(255, 255, 255, .2);--glow-primary: 0 0 20px var(--primary-50);--glow-primary-strong: 0 0 40px var(--primary-60), 0 0 80px var(--primary-30);--glow-purple: 0 0 20px var(--purple-50);--glow-blue: 0 0 20px var(--blue-50)}html{scroll-behavior:smooth;height:100%;overflow:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Inter,sans-serif;background:var(--dark-bg);color:var(--text-primary);line-height:1.6;height:100vh;overflow-y:scroll;overflow-x:hidden;scroll-snap-type:y mandatory}#root{height:100%}.navigation{position:fixed;top:0;left:0;right:0;background:var(--dark-bg-80);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--primary-10);padding:20px 40px;display:flex;justify-content:space-between;align-items:center;z-index:100;transition:all .3s ease}.navigation.scrolled{background:var(--dark-bg-95);padding:16px 40px;border-bottom:1px solid var(--primary-30);box-shadow:0 4px 30px #00000080}.navigation .logo{color:var(--text-primary);font-size:28px;font-weight:800;text-decoration:none;letter-spacing:-.5px;background:linear-gradient(135deg,var(--primary-color),var(--primary-highlight));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transition:all .3s ease}.navigation .logo:hover{filter:drop-shadow(var(--glow-primary))}.navigation .nav-links{display:flex;gap:40px}.navigation .nav-links a{color:var(--text-secondary);text-decoration:none;font-weight:600;font-size:15px;transition:all .3s ease;cursor:pointer;position:relative}.navigation .nav-links a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--primary-color);transition:width .3s ease}.navigation .nav-links a:hover{color:var(--primary-color)}.navigation .nav-links a:hover:after{width:100%}.hero{min-height:100vh;height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at top,var(--primary-15),transparent 50%),radial-gradient(ellipse at bottom right,var(--purple-10),transparent 50%),var(--dark-bg);color:var(--text-primary);text-align:center;padding:120px 20px 80px;position:relative;overflow:hidden;scroll-snap-align:start}.hero:before{content:"";position:absolute;width:500px;height:500px;background:radial-gradient(circle,var(--primary-20),transparent 70%);top:-200px;right:-200px;border-radius:50%;animation:pulse 8s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:.3}50%{transform:scale(1.2);opacity:.5}}.hero-content{max-width:900px;position:relative;z-index:1}.hero h1{font-size:64px;font-weight:900;margin-bottom:24px;line-height:1.1;letter-spacing:-2px;background:linear-gradient(135deg,var(--white) 0%,var(--primary-highlight) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 80px var(--primary-30)}.hero .subheadline{font-size:22px;color:var(--text-secondary);margin-bottom:50px;line-height:1.7;font-weight:400}.email-signup{max-width:600px;margin:0 auto}.email-signup h3{color:var(--text-primary);font-size:18px;font-weight:600;margin-bottom:16px;letter-spacing:-.3px;opacity:.9}.email-form{display:flex;gap:12px;background:var(--elevated-60);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--primary-20);border-radius:16px;padding:8px;box-shadow:0 10px 40px #0000004d;transition:all .3s ease}.email-form:focus-within{border-color:var(--primary-color);box-shadow:0 10px 40px #0006,var(--glow-primary)}.email-form input{flex:1;padding:14px 18px;background:transparent;border:none;font-size:16px;color:var(--text-primary);transition:all .3s ease}.email-form input::placeholder{color:var(--text-secondary)}.email-form input:focus{outline:none}.email-form button{padding:14px 32px;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:var(--white);border:none;border-radius:12px;font-size:15px;font-weight:700;cursor:pointer;transition:all .3s ease;white-space:nowrap;position:relative;overflow:hidden;box-shadow:0 4px 20px var(--primary-40)}.email-form button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,var(--white-20),transparent);transition:left .5s ease}.email-form button:hover{transform:translateY(-2px);box-shadow:var(--glow-primary-strong)}.email-form button:hover:before{left:100%}.email-form button:active{transform:translateY(0)}.email-form button:disabled{background:#a0a0b84d;cursor:not-allowed;box-shadow:none;transform:none}.privacy-note{font-size:13px;color:var(--text-secondary);margin-top:16px}.form-message{padding:16px;border-radius:12px;text-align:center;font-weight:600;border:1px solid}.form-message.success{background:var(--success-10);color:var(--success-light);border-color:var(--success-30)}.form-message.error{background:var(--error-10);color:var(--error-light);border-color:var(--error-30)}.section{min-height:100vh;height:100vh;display:flex;flex-direction:column;justify-content:center;padding:120px 20px;position:relative;scroll-snap-align:start}.section-title{text-align:center;font-size:48px;font-weight:900;margin-bottom:20px;color:var(--text-primary);letter-spacing:-1px}.section-subtitle{text-align:center;font-size:20px;color:var(--text-secondary);margin-bottom:70px;max-width:700px;margin-left:auto;margin-right:auto;line-height:1.7}.container{max-width:1200px;margin:0 auto;padding:0 20px}.features{background:radial-gradient(ellipse at center,var(--purple-05),transparent 70%),var(--dark-bg)}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.feature-card{background:var(--elevated-60);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--primary-15);border-radius:24px;padding:40px;transition:all .4s ease;position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--primary-color),transparent);opacity:0;transition:opacity .4s ease}.feature-card:hover{transform:translateY(-8px);border-color:var(--primary-40);box-shadow:0 20px 60px #00000080,var(--glow-primary)}.feature-card:hover:before{opacity:1}.feature-icon{font-size:56px;margin-bottom:24px;display:block;filter:drop-shadow(0 0 20px var(--primary-50))}.feature-card h3{font-size:24px;font-weight:700;margin-bottom:16px;color:var(--text-primary);letter-spacing:-.5px}.feature-card p{color:var(--text-secondary);line-height:1.7;font-size:16px}.how-it-works{background:var(--dark-bg)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;position:relative}.steps:before{content:"";position:absolute;top:24px;left:16.666%;right:16.666%;height:2px;background:linear-gradient(90deg,var(--primary-color) 0%,var(--purple-accent) 50%,var(--blue-accent) 100%);opacity:.3;z-index:0}.step-card{background:var(--elevated-60);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--primary-15);border-radius:24px;padding:40px;position:relative;transition:all .4s ease;z-index:1}.step-card:hover{transform:translateY(-8px);border-color:var(--primary-40);box-shadow:0 20px 60px #00000080,var(--glow-primary)}.step-number{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:var(--white);font-size:28px;font-weight:900;border-radius:50%;margin-bottom:24px;box-shadow:var(--glow-primary);position:relative}.step-card:nth-child(2) .step-number{background:linear-gradient(135deg,var(--purple-accent),var(--purple-dark));box-shadow:var(--glow-purple)}.step-card:nth-child(3) .step-number{background:linear-gradient(135deg,var(--blue-accent),var(--blue-dark));box-shadow:var(--glow-blue)}.step-card h3{font-size:22px;font-weight:700;margin-bottom:16px;color:var(--text-primary);letter-spacing:-.5px}.step-card p{color:var(--text-secondary);line-height:1.7;font-size:16px}.faq-section{background:radial-gradient(ellipse at top,var(--primary-05),transparent 60%),var(--dark-bg)}.faq-container{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:16px}.faq-item{background:var(--elevated-60);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--primary-15);border-radius:16px;overflow:hidden;transition:all .3s ease}.faq-item:hover{border-color:var(--primary-30)}.faq-item.open{border-color:var(--primary-40);box-shadow:0 8px 30px #0000004d}.faq-question{width:100%;display:flex;justify-content:space-between;align-items:center;padding:24px 28px;background:transparent;border:none;color:var(--text-primary);font-size:18px;font-weight:600;text-align:left;cursor:pointer;transition:all .3s ease;gap:20px}.faq-question:hover{color:var(--primary-highlight)}.faq-icon{font-size:28px;font-weight:300;color:var(--primary-color);transition:transform .3s ease;flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center}.faq-item.open .faq-icon{transform:rotate(180deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease}.faq-item.open .faq-answer{max-height:500px;padding:0 28px 24px}.faq-answer p{color:var(--text-secondary);line-height:1.7;font-size:16px;margin:0}.final-cta{min-height:100vh;height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,var(--primary-10),transparent 60%),radial-gradient(ellipse at bottom left,var(--purple-05),transparent 60%),radial-gradient(ellipse at top right,var(--primary-50),transparent 60%),var(--dark-bg);color:var(--text-primary);text-align:center;padding:120px 20px;position:relative;overflow:hidden;scroll-snap-align:start}.final-cta:before{content:"";position:absolute;width:600px;height:600px;background:radial-gradient(circle,var(--primary-15),transparent 70%);bottom:-250px;left:-250px;border-radius:50%;animation:pulse 10s ease-in-out infinite}.final-cta:after{content:"";position:absolute;width:500px;height:500px;background:radial-gradient(circle,var(--success-10),transparent 70%);top:-200px;right:-200px;border-radius:50%;animation:pulse 12s ease-in-out infinite reverse}.final-cta-content{max-width:700px;position:relative;z-index:1}.final-cta h2{font-size:56px;font-weight:900;margin-bottom:24px;line-height:1.1;letter-spacing:-1.5px;background:linear-gradient(135deg,var(--white) 0%,var(--primary-highlight) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.final-cta-subtitle{font-size:20px;color:var(--text-secondary);margin-bottom:50px;line-height:1.6}.final-cta-note{font-size:14px;color:var(--text-secondary);margin-top:20px;opacity:.8}.footer-bar{background:var(--dark-surface);border-top:1px solid var(--primary-10);padding:30px 40px;color:var(--text-secondary)}.footer-bar-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;font-size:14px}.footer-links{display:flex;gap:32px}.footer-links a{color:var(--text-secondary);text-decoration:none;transition:all .3s ease;font-weight:500}.footer-links a:hover{color:var(--primary-color)}@media(max-width:1024px){.hero h1{font-size:48px}.section-title{font-size:40px}.feature-grid,.steps{grid-template-columns:repeat(2,1fr)}.steps:before{display:none}.footer-content{grid-template-columns:1fr;gap:40px}}@media(max-width:768px){.navigation{padding:16px 20px}.navigation .logo{font-size:24px}.navigation .nav-links{display:none}.hero{padding:100px 20px 60px;min-height:auto}.hero h1{font-size:36px;letter-spacing:-1px}.hero .subheadline{font-size:18px}.email-form{flex-direction:column;padding:12px}.email-form input{padding:16px 18px}.email-form button{padding:16px 24px;width:100%}.section{padding:80px 20px}.section-title{font-size:32px}.section-subtitle{font-size:17px;margin-bottom:50px}.feature-grid,.steps{grid-template-columns:1fr;gap:24px}.faq-question{padding:20px;font-size:16px}.faq-item.open .faq-answer{padding:0 20px 20px}.faq-answer p{font-size:15px}.final-cta{padding:100px 20px 60px}.final-cta h2{font-size:36px;letter-spacing:-1px}.final-cta-subtitle{font-size:17px;margin-bottom:40px}.footer-bar{padding:24px 20px}.footer-bar-content{flex-direction:column;gap:16px;text-align:center}.footer-links{gap:20px}}@media(max-width:768px){.email-form input,.email-form button{min-height:52px;font-size:16px}}.floating-messages{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.message-bubble{position:absolute;background:var(--elevated-40);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--primary-20);border-radius:16px;padding:12px 16px;font-size:13px;color:var(--text-secondary);white-space:nowrap;box-shadow:0 4px 20px #0000004d;animation:float 20s infinite;opacity:.6}.message-bubble:before{content:"";position:absolute;bottom:-6px;left:20px;width:12px;height:12px;background:var(--elevated-40);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-right:1px solid var(--primary-20);border-bottom:1px solid var(--primary-20);transform:rotate(45deg)}.message-bubble.telegram{border-color:var(--blue-30)}.message-bubble.whatsapp{border-color:var(--success-30)}.message-bubble.discord{border-color:var(--purple-30)}.message-bubble:nth-child(1){top:15%;left:10%;animation-delay:0s;animation-duration:25s}.message-bubble:nth-child(2){top:25%;right:15%;animation-delay:3s;animation-duration:22s}.message-bubble:nth-child(3){top:60%;left:8%;animation-delay:6s;animation-duration:28s}.message-bubble:nth-child(4){top:45%;right:12%;animation-delay:9s;animation-duration:24s}.message-bubble:nth-child(5){top:70%;right:20%;animation-delay:12s;animation-duration:26s}.message-bubble:nth-child(6){top:35%;left:15%;animation-delay:15s;animation-duration:23s}@keyframes float{0%,to{transform:translate(0) rotate(0);opacity:.4}25%{transform:translate(20px,-20px) rotate(2deg);opacity:.7}50%{transform:translate(-10px,-40px) rotate(-1deg);opacity:.5}75%{transform:translate(15px,-25px) rotate(1deg);opacity:.6}}::selection{background:var(--primary-color);color:var(--white)}.floating-answers{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.answer-bubble{position:absolute;background:var(--elevated-60);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid;border-radius:20px;padding:14px 20px;font-size:14px;color:var(--text-primary);white-space:nowrap;box-shadow:0 8px 30px #0006;animation:rise 18s infinite;opacity:.7;font-weight:500}.answer-bubble:after{content:"";position:absolute;top:-6px;right:20px;width:12px;height:12px;background:var(--elevated-60);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-left:1px solid;border-top:1px solid;border-color:inherit;transform:rotate(45deg)}.answer-bubble.telegram{border-color:var(--blue-30);box-shadow:0 8px 30px #3b82f633}.answer-bubble.whatsapp{border-color:var(--success-30);box-shadow:0 8px 30px #22c55e33}.answer-bubble.discord{border-color:var(--purple-30);box-shadow:0 8px 30px #a855f733}.answer-bubble:nth-child(1){bottom:20%;left:12%;animation-delay:0s;animation-duration:20s}.answer-bubble:nth-child(2){bottom:35%;right:18%;animation-delay:2s;animation-duration:23s}.answer-bubble:nth-child(3){bottom:55%;left:10%;animation-delay:4s;animation-duration:21s}.answer-bubble:nth-child(4){bottom:40%;right:15%;animation-delay:6s;animation-duration:19s}.answer-bubble:nth-child(5){bottom:65%;right:25%;animation-delay:8s;animation-duration:22s}.answer-bubble:nth-child(6){bottom:25%;left:20%;animation-delay:10s;animation-duration:24s}@keyframes rise{0%,to{transform:translate(0) rotate(0) scale(1);opacity:.5}25%{transform:translate(-15px,15px) rotate(-1deg) scale(1.05);opacity:.8}50%{transform:translate(10px,30px) rotate(1deg) scale(1);opacity:.6}75%{transform:translate(-10px,20px) rotate(-.5deg) scale(1.02);opacity:.7}}