body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;font-family:IBM Plex Mono,Consolas,Courier New,monospace;line-height:1.6}.App,body{background-color:#000}.App{min-height:100vh}.header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#000000f2;border-bottom:1px solid #333;left:0;padding:1rem 2rem;position:fixed;right:0;top:0;z-index:1000}.header-content{justify-content:space-between;margin:0 auto;max-width:1200px}.header-content,.logo{align-items:center;display:flex}.logo{color:#fff;font-size:1.5rem;font-weight:700;text-decoration:none}.logo-icon{font-size:1.8rem;margin-right:.5rem}.nav{align-items:center;display:flex;gap:2rem}.nav-link{color:#fff;text-decoration:none;transition:color .3s ease}.nav-link:hover{color:#d21b1b}.cta-button{align-items:center;background-color:#8b0000;border:2px solid #333;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;justify-content:center;padding:.75rem 1.5rem;position:relative;text-decoration:none;transition:background-color .3s ease,transform .3s ease,box-shadow .3s ease}.cta-button:before{animation:rotate-border 2s linear infinite;background:conic-gradient(from var(--angle),#0000 70%,#f33 80%,#f66 90%,#0000 100%);border-radius:8px;content:"";inset:-2px;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:2px;pointer-events:none;position:absolute}@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}@keyframes rotate-border{0%{--angle:0deg}to{--angle:360deg}}.cta-button img,.cta-button svg{flex-shrink:0;position:relative;z-index:1}.cta-button:hover{background-color:#a00000;box-shadow:0 0 15px #d21b1b80;transform:translateY(-2px)}.hero{background:linear-gradient(135deg,#000,#1a1a1a);padding:8rem 2rem 4rem}.hero-content{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1fr 1.2fr;margin:0 auto;max-width:1400px}.hero-text{text-align:left}.hero h1{-webkit-text-fill-color:#0000;animation:shine 4s linear infinite;background:linear-gradient(90deg,#d21b1b,#d21b1b 30%,#fff 50%,#d21b1b 70%,#d21b1b);-webkit-background-clip:text;background-clip:text;background-size:200% auto;font-size:3.5rem;font-weight:700;line-height:1.2;margin-bottom:1.5rem}@keyframes shine{0%{background-position:200%}to{background-position:0}}.hero p{color:#ccc;font-size:1.25rem;line-height:1.8;margin-bottom:2rem}.hero-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.hero-video,.video-container{align-items:center;display:flex;justify-content:center}.video-container{aspect-ratio:16/9;background-color:#1a1a1a;border:2px solid #333;border-radius:12px;box-shadow:0 20px 40px #0000004d;max-width:1100px;overflow:hidden;position:relative;transition:all .3s ease;width:100%}.video-container:hover{border-color:#d21b1b;box-shadow:0 25px 50px #d21b1b1a}.video-placeholder{color:#888;padding:2rem;text-align:center}.video-placeholder h3{color:#fff;font-size:1.5rem;font-weight:600;margin-bottom:1rem}.video-placeholder p{color:#ccc;font-size:1rem;margin-bottom:1.5rem}.video-icon{font-size:3rem;margin-bottom:1rem;opacity:.7}.video-container video{border-radius:10px;height:100%;object-fit:cover;width:100%}.secondary-button{background-color:initial;border:2px solid #333;border-radius:8px;color:#fff;cursor:pointer;display:inline-block;font-size:1rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.secondary-button:hover{border-color:#d21b1b;color:#d21b1b}.features{background-color:#111;padding:6rem 2rem}.features-content{margin:0 auto;max-width:1200px}.features h2{color:#d21b1b;display:inline-block;font-size:2.5rem;margin-bottom:3rem;opacity:0;position:relative;text-align:center;width:100%}.features h2.animate-in{opacity:1}.features h2:after{animation:blink 1s step-end infinite;color:#d21b1b;content:"|";margin-left:4px}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.feature-card{background-color:#1a1a1a;border:1px solid #333;border-radius:12px;opacity:0;padding:2rem;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.feature-card.fade-in{opacity:1;transform:translateY(0)}.feature-card:first-child.fade-in{transition-delay:.1s}.feature-card:nth-child(2).fade-in{transition-delay:.2s}.feature-card:nth-child(3).fade-in{transition-delay:.3s}.feature-card:nth-child(4).fade-in{transition-delay:.4s}.feature-card:nth-child(5).fade-in{transition-delay:.5s}.feature-card:nth-child(6).fade-in{transition-delay:.6s}.feature-card:hover{border-color:#d21b1b;transform:translateY(-4px)}.feature-icon{color:#d21b1b;font-size:2.5rem;margin-bottom:1rem}.feature-card h3{color:#fff;font-size:1.5rem;margin-bottom:1rem}.feature-card p{color:#ccc;line-height:1.6}.how-it-works{background-color:#000;padding:6rem 2rem}.how-it-works-content{margin:0 auto;max-width:1200px}.how-it-works h2{color:#d21b1b;display:inline-block;font-size:2.5rem;margin-bottom:3rem;opacity:0;position:relative;text-align:center;width:100%}.how-it-works h2.animate-in{opacity:1}.how-it-works h2:after{animation:blink 1s step-end infinite;color:#d21b1b;content:"|";margin-left:4px}.steps{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.step{opacity:0;padding:2rem;text-align:center;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.step.fade-in{opacity:1;transform:translateY(0)}.step:first-child.fade-in{transition-delay:.1s}.step:nth-child(2).fade-in{transition-delay:.2s}.step:nth-child(3).fade-in{transition-delay:.3s}.step:nth-child(4).fade-in{transition-delay:.4s}.step-number{align-items:center;background-color:#d21b1b;border-radius:50%;color:#fff;display:flex;font-size:1.5rem;font-weight:700;height:60px;justify-content:center;margin:0 auto 1rem;width:60px}.step h3{color:#fff;font-size:1.25rem;margin-bottom:1rem}.step p{color:#ccc;line-height:1.6}.get-started{background:linear-gradient(135deg,#1a1a1a,#000);padding:6rem 2rem;text-align:center}.get-started-content{margin:0 auto;max-width:600px}.get-started h2{color:#d21b1b;display:inline-block;font-size:2.5rem;margin-bottom:1.5rem;opacity:0;position:relative;width:100%}.get-started h2.animate-in{opacity:1}.get-started h2:after{animation:blink 1s step-end infinite;color:#d21b1b;content:"|";margin-left:4px}.get-started p{color:#ccc;font-size:1.25rem;margin-bottom:2rem}.footer{background-color:#111;border-top:1px solid #333;padding:3rem 2rem 2rem}.footer-content{margin:0 auto;max-width:1200px;text-align:center}.footer-links{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin-bottom:2rem}.footer-link{color:#ccc;text-decoration:none;transition:color .3s ease}.footer-link:hover{color:#d21b1b}.footer-bottom{border-top:1px solid #333;color:#888;padding-top:2rem}.footer-author{align-items:center;border-bottom:1px solid #888;color:#888;display:inline-flex;gap:4px;text-decoration:none;transition:all .3s ease}.footer-author:hover{border-bottom-color:#d21b1b;color:#d21b1b}.footer-github-icon{filter:brightness(.53) invert(1);height:16px;transition:filter .3s ease;width:16px}.footer-author:hover .footer-github-icon{filter:brightness(1) invert(.3) sepia(1) saturate(10) hue-rotate(330deg)}@media (max-width:768px){.hero{padding:6rem 1rem 3rem}.hero-content{gap:3rem;grid-template-columns:1fr}.hero-text{text-align:center}.hero h1{font-size:2.5rem}.hero p{font-size:1.1rem}.hero-buttons{justify-content:center}.video-container{max-width:500px}.nav{display:none}.features h2,.get-started h2,.how-it-works h2{font-size:2rem}}.language-wheel-section{background-color:#0a0a0a;border-bottom:1px solid #333;border-top:1px solid #333;overflow:hidden;padding:4rem 2rem}.language-wheel-content{margin:0 auto;max-width:1200px;text-align:center}.language-wheel-content h3{color:#fff;font-size:1.5rem;font-weight:500;margin-bottom:2rem}.language-wheel-container{height:120px;mask:linear-gradient(90deg,#0000,#000 10%,#000 90%,#0000);-webkit-mask:linear-gradient(90deg,#0000,#000 10%,#000 90%,#0000);overflow:hidden;position:relative}.language-wheel{animation:scroll-languages 20s linear infinite;display:flex;gap:3rem;width:-webkit-fit-content;width:fit-content}.language-item{align-items:center;background-color:#1a1a1a;border:1px solid #333;border-radius:12px;display:flex;flex-direction:column;justify-content:center;min-width:100px;opacity:.8;padding:1rem;transition:all .3s ease}.language-item:hover{background-color:#222;border-color:#d21b1b;opacity:1;transform:translateY(-4px)}.language-icon{align-items:center;display:flex;height:48px;justify-content:center;margin-bottom:.5rem;width:48px}.language-icon img{filter:drop-shadow(0 2px 8px rgba(255,255,255,.1));height:100%;object-fit:contain;transition:all .3s ease;width:100%}.language-item:hover .language-icon img{filter:drop-shadow(0 4px 12px rgba(210,27,27,.3));transform:scale(1.1)}.language-name{color:#fff;font-size:.9rem;font-weight:500}@keyframes scroll-languages{0%{transform:translateX(0)}to{transform:translateX(calc(-50% - 1.5rem))}}@media (max-width:768px){.language-wheel-section{padding:3rem 1rem}.language-wheel-content h3{font-size:1.25rem}.language-wheel{animation-duration:15s;gap:2rem}.language-item{min-width:80px;padding:.75rem}.language-icon{font-size:1.5rem}.language-name{font-size:.8rem}}
/*# sourceMappingURL=main.9cf52a28.css.map*/