@import"https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400..700&family=Merriweather+Sans:ital,wght@0,300..800;1,300..800&family=Nova+Mono&family=Playwrite+AR:wght@100..400&family=Playwrite+AU+SA:wght@100..400&family=Playwrite+NG+Modern:wght@100..400&display=swap";@import"https://fonts.googleapis.com/css2?family=Bellota:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&family=Dancing+Script:wght@400..700&family=Edu+VIC+WA+NT+Beginner:wght@400..700&family=Merriweather+Sans:ital,wght@0,300..800;1,300..800&family=Playwrite+AR:wght@100..400&family=Playwrite+AU+SA:wght@100..400&family=Playwrite+NG+Modern:wght@100..400&family=Tajawal:wght@200;300;400;500;700;800;900&display=swap";*{margin:0;padding:0}.downloader-container{min-height:100vh;background:#1a1a1a;color:#d2cccc;font-family:Arial,sans-serif;position:relative;overflow:hidden}.animated-background{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,#f0f,#0ff,#f0f);background-size:400% 400%;animation:gradient 15s ease infinite;opacity:.1;z-index:-1}@keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.gradient-nav{margin-top:22px}.nav-content{background:linear-gradient(90deg,#08f,#1db954,#fd0,#ff0050,#f30);border-radius:20px;max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem;position:relative}.nav-logo{display:flex;align-items:center;gap:.5rem;font-weight:700}.nav-links{display:flex;gap:1rem}.nav-item{color:#fff;text-decoration:none;padding:.5rem 1rem;border-radius:20px;transition:background-color .3s}.nav-item:hover{background-color:#fff3}.nav-user{background-color:#fff3;padding:.5rem 1rem;border-radius:20px}.menu-toggle{display:none;flex-direction:column;justify-content:space-around;align-items:center;width:30px;height:25px;cursor:pointer}.menu-toggle .bar{width:30px;height:4px;background-color:#fff;border-radius:10px;transition:transform .3s ease,opacity .3s ease}.content-container{max-width:1200px;margin:2rem auto;text-align:center;padding:0 1rem}.description_heading{font-size:3.2rem;font-weight:700;background:linear-gradient(90deg,#00f260,#0575e6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;padding-top:40px}.gradient-text{font-size:3.5rem;font-weight:700;background:linear-gradient(90deg,#00f260,#0575e6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:2rem;padding-top:30px;padding-bottom:30px}.gradient-text-2{background:linear-gradient(90deg,#fd0,#ff8c00);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.gradient-text-3{background:linear-gradient(90deg,#ff8c00,#ff0050);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.mode-text{color:#888;margin-bottom:1rem}.dropdown-container{position:relative;width:300px;margin:0 auto 2rem}.dropdown-button{width:100%;padding:.8rem 1rem;background:transparent;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;display:flex;justify-content:space-between;align-items:center;cursor:pointer}.dropdown-menu{position:absolute;top:100%;left:0;right:0;background:#2a2a2a;border-radius:8px;margin-top:.5rem;overflow:hidden;z-index:10}.dropdown-menu button{width:100%;padding:.8rem 1rem;background:transparent;border:none;color:#fff;text-align:left;cursor:pointer}.dropdown-menu button:hover{background:#ffffff1a}.url-form{margin:2rem 0}.input-container{display:flex;align-items:center;background:#ffffff1a;border-radius:50px;padding:.5rem;margin:0 auto;max-width:600px}.input-container.multiple{border-radius:20px;flex-direction:column;align-items:stretch}.input-container input,.input-container textarea{flex:1;background:transparent;border:none;color:#fff;padding:.5rem 1rem;outline:none;font-size:1rem}.input-container textarea{resize:vertical;min-height:100px}.download-button{background:#7c3aed;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .3s;flex-shrink:0}.download-button:hover{background:#6d28d9}.cloud-icon{width:24px;height:24px;color:#fff}.cancel-button{background:#60a5fa;border:none;border-radius:8px;color:#fff;padding:.8rem 2rem;cursor:pointer;transition:background .3s}.cancel-button:hover{background:#3b82f6}.faq-section{margin-top:4rem;text-align:left}.faq-title{font-size:2rem;margin-bottom:2rem;text-align:center}.faq-content{display:flex;gap:2rem;align-items:flex-start}.faq-list{flex:1;display:flex;flex-direction:column;gap:1rem}.faq-item{background:#ffffff0d;border-radius:8px;overflow:hidden}.faq-question{width:100%;text-align:left;padding:1rem;background:none;border:none;color:#fff;font-size:1rem;cursor:pointer;display:flex;align-items:center;transition:background-color .3s}.faq-question:hover{background-color:#ffffff1a}.faq-icon{margin-right:1rem;font-size:1.2rem}.faq-toggle-icon{margin-left:auto;transition:transform .3s}.faq-question[aria-expanded=true] .faq-toggle-icon{transform:rotate(180deg)}.faq-answer{padding:1rem;background:#ffffff0d}.faq-image{flex:0 0 300px;display:flex;justify-content:center;align-items:center}.faq-image img{max-width:100%;height:auto;border-radius:8px}.gt{font-size:3em;font-family:Nova Mono,monospace}.description{font-size:1.3rem;margin-bottom:20px;margin-top:30px;font-family:Bellota,system-ui;color:#aeaeae}.support{font-size:1.2rem;color:#aeaeae;margin-bottom:20px}.features-title{font-size:2.5rem;font-family:Nova Mono,monospace;font-weight:800;margin-bottom:10px}.features-list{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;font-family:Bellota,system-ui;list-style-type:none}.feature-item{font-size:1.2rem;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);font-family:Bellota,system-ui;padding:15px;border-radius:5px;box-shadow:0 12px 14px #0000001a;position:relative;transition:.3s ease;cursor:pointer}.feature-item:hover{transform:translateY(-10px)}.feature-highlight{font-weight:700;background:linear-gradient(90deg,#ff00ff65,#00ffff54);border-bottom:2px solid rgba(255,255,255,.2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}.download-guide{color:#aeaeae;font-family:Bellota,system-ui}.guid_title{margin-top:42px;margin-bottom:42px;font-size:2.5em;font-weight:800;font-family:Nova Mono,monospace}.steps-container{display:grid;grid-template-rows:150px;grid-template-columns:repeat(2,1fr);gap:22px}.step-item{display:flex;padding:15px;border-radius:5px;box-shadow:0 12px 14px #0000001a;position:relative}.step-item span{font-family:Bellota,system-ui;font-size:1.2rem;display:flex;flex-direction:column;justify-content:center;align-items:center}.step-item .icon{font-size:2rem;height:100%;width:10%;position:relative;border-radius:50%;background:linear-gradient(90deg,#ff00ff65,#00ffff54);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;padding:12px;display:flex;justify-content:center;align-items:center;transition:.3s ease}.faq-icon{color:#ff00ff65}.faq-toggle-icon{color:#00ffff54}.step-item:hover .icon{transform:translateY(-10px)}.demo{width:100%;background:linear-gradient(to right,#4e42b9,#e98223)}a:hover,a:focus{text-decoration:none;outline:none}.br{display:none}@media (max-width: 768px){.br{display:block}.features-list,.steps-container{grid-template-columns:1fr}.gradient-text{font-size:2.5rem}.dropdown-container{width:100%}.faq-content{flex-direction:column}.faq-image{order:-1;margin-bottom:2rem}.nav-links{display:none;position:absolute;top:80px;right:0;background-color:#000000eb;width:100%;flex-direction:column;align-items:center;padding:1rem 0;transition:transform .3s ease;border-radius:20px;z-index:1000}.nav-links.open{display:flex;transform:translate(0)}.menu-toggle{display:flex}.menu-toggle.open .bar:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.menu-toggle.open .bar:nth-child(2){opacity:0}.menu-toggle.open .bar:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.nav-item{padding:1rem;text-align:center;width:100%}}.progress-bar-container{width:100%;height:20px;background-color:#f0f0f0;border-radius:10px;margin:20px 0;position:relative;overflow:hidden}.progress-bar{height:100%;background:linear-gradient(90deg,#4caf50,#45a049);transition:width .3s ease-in-out;border-radius:10px}.progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#000;font-size:12px;font-weight:700}.cancel-button{margin-top:10px;padding:8px 16px;background-color:#f44;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s}.cancel-button:hover{background-color:#c00}.input-container input:disabled,.input-container textarea:disabled,.download-button:disabled{opacity:.7;cursor:not-allowed}.loading-spinner{margin-right:5px;animation:spin 1s infinite linear}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.honeycomb div{-webkit-animation:honeycomb 2.1s infinite backwards;animation:honeycomb 2.1s infinite backwards;background:linear-gradient(90deg,#08f,#1db954,#fd0,#ff0050,#f30);height:12px;margin-top:22px;position:absolute;width:24px}.honeycomb div:after,.honeycomb div:before{content:"";border-left:12px solid transparent;border-right:12px solid transparent;position:absolute;left:0;right:0}.honeycomb div:after{top:-6px;border-bottom:6px solid #0088ff}.honeycomb div:before{bottom:-6px;border-top:6px solid #1db954}.honeycomb div:nth-child(1){-webkit-animation-delay:0s;animation-delay:0s;left:-28px;top:0}.honeycomb div:nth-child(2){-webkit-animation-delay:.1s;animation-delay:.1s;left:-14px;top:22px}.honeycomb div:nth-child(3){-webkit-animation-delay:.2s;animation-delay:.2s;left:14px;top:22px}.honeycomb div:nth-child(4){-webkit-animation-delay:.3s;animation-delay:.3s;left:28px;top:0}.honeycomb div:nth-child(5){-webkit-animation-delay:.4s;animation-delay:.4s;left:14px;top:-22px}.honeycomb div:nth-child(6){-webkit-animation-delay:.5s;animation-delay:.5s;left:-14px;top:-22px}.honeycomb div:nth-child(7){-webkit-animation-delay:.6s;animation-delay:.6s;left:0;top:0}@-webkit-keyframes honeycomb{0%,20%,80%,to{opacity:0;-webkit-transform:scale(0);transform:scale(0)}30%,70%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.con{width:100%;display:flex;justify-content:center;align-items:center;margin-top:22px;margin-bottom:22px;flex-direction:column}@keyframes honeycomb{0%,20%,80%,to{opacity:0;-webkit-transform:scale(0);transform:scale(0)}30%,70%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.honeycomb{height:24px;position:relative;width:24px;padding-bottom:12px}.video-downloader{min-height:50vh;display:flex;gap:22px;justify-content:center;align-items:center;padding:1rem}.video-downloader-container{background-color:#ffffffce;border-radius:.5rem;box-shadow:0 2px 10px #0000001a;width:100%;max-width:28rem;overflow:hidden}.video-preview{position:relative;width:100%;padding-top:56.25%}.video-thumbnail{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.video-title{font-size:1.25rem;font-weight:600;color:#1f2937;padding:1rem;text-align:center}.download-options{padding:1rem}.download-options-container{background-color:#f8fafc;border-radius:.5rem;overflow:hidden}.download-header{display:grid;grid-template-columns:repeat(3,1fr);font-size:.875rem;font-weight:600;color:#4b5563;padding:.75rem;border-bottom:1px solid #e5e7eb}.download-options-list{display:flex;flex-direction:column}.download-option{display:grid;grid-template-columns:repeat(3,1fr);align-items:center;padding:.75rem;border-bottom:1px solid #e5e7eb}.download-quality,.download-size{color:#4b5563}.download-button_{background-color:#ec4899;color:#fff;padding:.5rem 2.5rem;border-radius:.375rem;font-size:.875rem;border:none;cursor:pointer;transition:background-color .3s ease}.download-button_:hover{background-color:#db2777}@media (max-width: 800px){.video-downloader{flex-direction:column}}
