body{margin:0;font-family:Arial,sans-serif;background:#111;color:#fff}.app{display:flex;align-items:center;justify-content:center;height:100vh}.converter-container{background:#1e1e1e;padding:20px 30px;border-radius:12px;text-align:center;box-shadow:0 4px 20px #0009}.title{margin-bottom:20px}input[type=file]{margin:10px 0}.player{margin-top:20px}button{margin-top:10px;padding:8px 16px;background:#ff4d4d;border:none;border-radius:6px;color:#fff;font-weight:700;cursor:pointer;transition:.3s}button:hover{background:#ff1a1a}.home-page{position:relative;width:100%;height:100vh;background:linear-gradient(135deg,#0f0c29,#302b63,#24243e);font-family:Poppins,sans-serif}.navbar{position:fixed;top:20px;left:50%;transform:translate(-50%);width:90%;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;z-index:4;color:#fff;background:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:30px;border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0003}.nav-logo{margin-top:-20px;font-size:1.5rem;font-weight:700}.nav-logo img{position:relative;top:15px;left:-5px;width:50px;height:50px;border-radius:50%}.nav-links span{margin-left:1.5rem;cursor:pointer;transition:color .3s ease,transform .2s ease}.nav-links span:hover{color:#ffd93d;transform:translateY(-2px)}.three-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1}.home-content{position:absolute;top:0;left:0;width:100%;height:100%;z-index:3;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;pointer-events:none}.content-wrapper{max-width:900px;width:90%;pointer-events:auto;animation:fadeInUp 1s ease-out}.hero-text h1{font-size:3rem;font-weight:800;margin-bottom:1rem;background:linear-gradient(45deg,#ff6b6b,#ffd93d);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-text p{font-size:1.3rem;line-height:1.6;margin-bottom:2rem;opacity:.9}.cta-buttons{display:flex;gap:1rem;justify-content:center}.btn-primary,.btn-secondary{padding:1rem 2rem;border:none;border-radius:50px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem;pointer-events:auto}.btn-primary{background:linear-gradient(45deg,#ff6b6b,#ffd93d);color:#0f0c29}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 30px #ff6b6b66}.btn-secondary{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.btn-secondary:hover{background:#fff3;transform:translateY(-2px)}.about-section{padding:4rem 2rem;background:#0f0c29e6;text-align:center;color:#fff}.about-section h2{font-size:2.5rem;margin-bottom:2rem}.about-content{max-width:800px;margin:0 auto;font-size:1.2rem;line-height:1.6}.faq-section{padding:4rem 2rem;background:#1a162f;text-align:center;color:#fff}.faq-section h2{font-size:2.5rem;margin-bottom:2rem}.faq-item{max-width:800px;margin:1rem auto;text-align:left}.faq-item h3{font-size:1.5rem;margin-bottom:.5rem}.faq-item p{font-size:1.1rem;line-height:1.5}html{scroll-behavior:smooth}.cta-section{position:relative;padding:4rem 2rem;background:#0f0c29cc;text-align:center;color:#fff}.cta-section h2{font-size:2rem;margin-bottom:1.5rem}.home-footer{padding:2rem;text-align:center;background:#0f0c29e6;color:#fff}.social-links{margin-top:.5rem;color:#fff;text-decoration:none}.atkmbg{color:#fff}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1024px){.navbar{padding:.8rem 1.5rem;border-radius:20px}.nav-logo{font-size:1.3rem}.nav-links span{margin-left:1rem;font-size:.95rem}.hero-text h1{font-size:2.5rem}.hero-text p{font-size:1.1rem}.btn-primary,.btn-secondary{padding:.9rem 1.8rem;font-size:1rem}}@media (max-width: 768px){.navbar{flex-direction:column;gap:.5rem;padding:.6rem 1rem;border-radius:15px}.nav-logo img{position:relative;left:-200px;top:30px}.nav-links{display:flex;flex-direction:column;gap:.5rem;align-items:center}.nav-links span{font-size:.9rem}.hero-text h1{font-size:2rem}.hero-text p{font-size:1rem}.content-wrapper{width:95%}.btn-primary,.btn-secondary{padding:.8rem 1.5rem;font-size:.95rem;width:100%;justify-content:center}}@media (max-width: 480px){.navbar{padding:.5rem 1rem;border-radius:12px}.nav-logo{font-size:1.2rem}.nav-logo img{position:relative;left:-70px;top:30px}.nav-links{flex-direction:column;gap:.3rem}.nav-links span{font-size:.85rem}.hero-text h1{font-size:1.6rem}.hero-text p{font-size:.9rem}.btn-primary,.btn-secondary{padding:.7rem 1.2rem;font-size:.9rem}.about-section h2,.faq-section h2{font-size:2rem}.about-content,.faq-item p{font-size:1rem}}.hamburger{display:none;flex-direction:column;justify-content:space-between;width:25px;height:20px;cursor:pointer;z-index:6}.hamburger div{width:100%;height:3px;background:#fff;border-radius:2px;transition:all .3s ease}.hamburger.open div:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.hamburger.open div:nth-child(2){opacity:0}.hamburger.open div:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}@media (max-width: 768px){.nav-links{position:fixed;top:70px;right:-100%;flex-direction:column;gap:1rem;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:2rem;border-radius:15px;transition:right .3s ease;z-index:5}.nav-links.open{right:20px}.cta-buttons{flex-direction:column}.navbar{width:90%}.nav-links span{font-size:1.2rem;padding:.5rem 1rem;cursor:pointer}.hamburger{display:flex}}