*{margin:0;padding:0;box-sizing:border-box}body{font-family:system-ui,sans-serif;line-height:1.6;background-color:#000}#app{width:100%;margin:0 auto;padding:2rem}.header-container{position:fixed;top:2rem;left:50%;transform:translate(-50%);width:90%;border-radius:16px;background-color:#000;display:flex;justify-content:space-between;align-items:center;padding:.5rem;z-index:100}.nav-tabs{display:flex;gap:1rem;align-items:center}.nav-tab{color:#999;font-size:1rem;font-weight:500;cursor:pointer;padding:.5rem 1rem;border-radius:8px;transition:background-color .5s ease,color .5s ease}.nav-tab:hover{background-color:#ffffff1a;color:#fff}h1{color:#69f;margin:0;font-size:1.5rem;cursor:pointer}h2{color:#f5f5f5;font-size:2rem;margin-bottom:1rem;margin-top:2rem;text-align:center}.language-btn{background-color:transparent;color:#999;border:1px solid #999;padding:.5rem;width:100px;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;display:flex;justify-content:left;align-items:center;gap:.5rem}.hamburger-btn{display:none;flex-direction:column;justify-content:space-between;height:17px;border:none;background:transparent;cursor:pointer;padding:0}.hamburger-btn span{display:block;width:18px;height:3px;background-color:#f5f5f5;transition:all .5s ease}.hamburger-btn.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.hamburger-btn.active span:nth-child(2){opacity:0}.hamburger-btn.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}.menu-container{position:fixed;top:0;left:0;width:100%;height:100%;padding:2rem;background-color:#000;z-index:50;display:flex;flex-direction:column;justify-content:space-between}.menu-nav-container{display:flex;flex-direction:column;padding:2rem 0;gap:2rem;align-items:flex-end;margin-top:4rem}.menu-nav-item{color:#f5f5f5;font-size:2rem;font-weight:500;padding:0;cursor:pointer}.menu-language-container{display:flex;flex-direction:column;gap:1rem;align-items:center;width:100%}.menu-language-btn{background-color:transparent;color:#999;border:1px solid #999;padding:1rem 0;width:100%;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;display:flex;justify-content:center;align-items:center;gap:.5rem}.top-background{width:100%;height:6rem;background-color:transparent;border:none}.main-content{padding:2rem;width:100%;border-radius:16px;margin:0 auto;display:flex;gap:1rem;flex-direction:column;justify-content:center;align-items:center;background:linear-gradient(-45deg,#6496ff1a,#6496ffcc,#6496ff1a)}.main-content h2{color:#f5f5f5;font-size:3rem}.main-content h3,.main-content p{color:#f5f5f5;font-size:1rem}.main-content-download-btn-container{display:flex;padding:1rem 0;gap:2rem;width:150px;flex-direction:column;justify-content:center;align-items:center}.main-content-download-btn{background-color:#000;border:none;color:#fff;width:100%;padding:1rem 0;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;display:flex;justify-content:center;align-items:center;gap:.5rem}.pricing-container{background-color:transparent;width:100%;margin:0 auto;gap:3rem;display:flex;justify-content:center;align-items:center}.pricing-card{background-color:#ffffff0d;border:1px solid #333;border-radius:16px;padding:2rem 0;width:100%;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;cursor:pointer;transition:all .5s ease}.pricing-card:hover{background-color:#ffffff1a;border-color:#69f;transform:translateY(-4px)}.pricing-days{color:#f5f5f5;font-size:1.5rem;font-weight:500}.pricing-price{color:#69f;font-size:2rem;font-weight:800}.faq-container{width:100%;display:flex;gap:0rem}.faq-item{width:100%;display:flex;flex-direction:column;gap:2rem;padding:2rem}.faq-item h3{color:#f5f5f5;font-size:1rem;text-align:left}.faq-item p{color:#999;font-size:1rem;font-weight:500;text-align:left}.footer-container{background-color:transparent;border:none;display:flex;flex-direction:column;width:100%}.footer-top{display:flex;padding:2rem;justify-content:space-between}.footer-block{background-color:transparent;display:flex;flex-direction:column;gap:1rem}.footer-top p{color:#f5f5f5;font-size:.9rem;font-weight:500}.footer-nav{display:flex;flex-direction:column;gap:1rem}.footer-nav p{color:#999;font-size:.9rem;font-weight:500;cursor:pointer;transition:color .5s ease}.footer-nav p:hover{color:#f5f5f5}.footer-down{padding:0}.footer-down p{margin:0;color:#999;font-size:.9rem;text-align:center}.window-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0000004d;display:flex;justify-content:center;align-items:center;z-index:1000}.window-container{padding:2rem;width:80%;max-width:350px;background-color:#222;border-radius:16px;position:relative;flex-direction:column;display:flex;gap:2rem;justify-content:center;align-items:center}.window-container p{color:#666;font-size:.8rem}.window-container p a{color:#69f;font-size:.8rem}.window-input{padding:.8rem;border-radius:8px;border:1px solid #999;background-color:#111;color:#f5f5f5;font-size:1rem;font-weight:500;width:100%;transition:all .5s ease}.window-input:focus{outline:none;border-color:#69f}.code-container{width:100%;display:flex;gap:2rem}.window-btn{padding:.8rem 0;border-radius:8px;border:none;background-color:#f5f5f5;color:#000;font-size:1rem;font-weight:500;width:100%;cursor:pointer}.txt-content{width:80%;margin:0 auto;display:flex;flex-direction:column;gap:1rem;padding:2rem}.txt-content h2{color:#f5f5f5;font-size:1.5rem;text-align:center}.txt-content h3{color:#f5f5f5;font-size:1rem;text-align:left}.txt-content p{color:#999;font-size:1rem;font-weight:500;text-align:left}@media (max-width: 768px){#app{padding:1rem}.header-container{top:1rem}h1{font-size:1rem}h2{font-size:1.5rem}.nav-tabs,.language-btn{display:none}.hamburger-btn{display:flex}.top-background{height:4rem}.main-content h2{font-size:1.5rem}.main-content h3{font-size:1rem}.main-content p{font-size:.8rem}.main-content-download-btn{font-size:.8rem;padding:.8rem 0}.main-content-download-btn-container{width:120px}.pricing-container,.faq-container{flex-direction:column}.faq-item h3,.faq-item p{font-size:.8rem}.faq-item{padding:1rem}.footer-down p{font-size:.8rem}.footer-top{padding:1rem}.footer-top p,.footer-nav p{font-size:.8rem}.window-container{gap:1rem}.window-input{font-size:.8rem}.code-container{gap:1rem}.window-btn{font-size:.8rem}.txt-content{width:100%;padding:1rem}.txt-content h2{font-size:1rem}.txt-content h3,.txt-content p{font-size:.8rem}}
