body{margin:0;padding:0 2rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#ebecec}html{scroll-behavior:smooth}a{color:inherit;text-decoration:none}@media (max-width: 768px){body{padding:0}}::-webkit-scrollbar{display:none}button:disabled{cursor:not-allowed!important;opacity:.2}input:read-only{background-color:#d6d5d5;cursor:grab}.header{background-color:#f8f5f5;border-bottom:1px solid #e0e0e0;position:sticky;top:0;width:95%;z-index:100;border-radius:none;border-bottom-right-radius:15px;border-bottom-left-radius:15px;margin:0 auto;transition:all 1s ease-in-out}.header.scrolled{background-color:#b1adad;box-shadow:0 2px 10px #00000014;color:#fff}.header .headerContainer{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;max-width:1200px}.logo{display:flex;align-items:center;font-family:Audiowide,sans-serif;font-style:italic;cursor:pointer}.two{color:#555;font-weight:900}.play{color:gray}.nav-links{list-style:none;display:flex;gap:1.5rem}.nav-links a{display:inline-block;font-weight:500;text-decoration:none;position:relative}.nav-links a:after{content:"";position:absolute;left:0;bottom:0;width:0;height:3px;background-color:#000;transform:translateY(.3rem);transition:.5s ease-in-out}.nav-links a.scrolled:after{content:"";position:absolute;left:0;bottom:0;width:0;height:3px;background-color:#fff;transform:translateY(.3rem);transition:.5s ease-in-out}.nav-links a.onHome:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:3px;background-color:#000;transform:translateY(.3rem);transition:.5s ease-in-out}.nav-links a.onHome.scrolled:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:3px;background-color:#fff;transform:translateY(.3rem);transition:.5s ease-in-out}.nav-links a:hover:after{width:100%}.auth-buttons{display:flex;gap:1rem}.btn{font-weight:600;padding:.5rem 1rem;border-radius:6px;transition:all .3s ease;cursor:pointer}.login-btn{border:2px solid transparent;background:transparent;color:gray}.login-btn.scrolled{border-color:#000;color:#1f2937}.signup-btn{background-color:transparent;color:#1f2937;border:2px solid transparent}.signup-btn.scrolled{background-color:#000;color:#fff;border:none}.generate-btn{background-color:transparent;color:#fff;background-color:#000;border:2px solid transparent;font-weight:800;transition:all 1s ease-in-out;margin:auto}.generate-btn.scrolled{background-color:#fff;color:#000}.mobile,.hiddenNav{display:none}@media (max-width: 768px){.nav-links{display:none}.header{width:100%;position:relative}.header.open{height:230px;transition:all 1s ease-in-out}.container{gap:1rem}.logo{width:50%}.auth-buttons{display:none}.mobile{display:flex}.mobile button{background-color:transparent;border:none;display:flex;align-items:center}.hiddenNav.open{position:absolute;bottom:0;width:70%;display:flex;flex-direction:column;gap:.6rem;text-align:center;padding:2rem 0;font-weight:600}.hiddenNav.close{display:none}}.section{display:inline-block;width:100%;text-align:center;font-family:BaseNeue,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";margin-top:3rem}.section .content{display:flex;flex-direction:column;gap:0;width:80%;margin:auto}.section .content h1{font-size:70px;line-height:62px;color:#323232;font-weight:600;font-style:normal;text-transform:uppercase}.section .content h4{font-size:20px;line-height:24px;color:#323232;font-weight:400;font-style:normal;transform:translateY(-3rem);font-weight:600}.section .actionBtn{display:flex;justify-content:center;align-items:center;transform:translateY(-2rem)}.section .actionBtn button{background-color:#1f2937;color:#fff;border:none;border-radius:50px;padding:1.5rem 2rem;display:flex;align-items:center;justify-content:center;margin:auto;cursor:pointer}.section .actionBtn button:hover{background-color:#364152}@media (max-width: 1024px){.section{margin-top:1rem}.section .content h1{font-size:2rem;line-height:2.5rem}.section .content h4{font-size:1rem;transform:translateY(-.8rem)}.section .actionBtn{transform:translateY(0)}.section .actionBtn button{font-size:.95rem;padding:.7rem 1.4rem}}@media (max-width: 768px){.section .content h1{font-size:1.7rem}.section .content h4{font-size:.95rem}.section .actionBtn button{font-size:.9rem;padding:.6rem 1.2rem;flex-direction:row}}.carouselCon{width:90%;overflow:hidden;margin:2rem auto}.carouselTrack{display:flex;gap:2rem;animation:scroll 10s linear infinite;align-items:center}.carouselTrack img{width:120px;object-fit:contain}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (max-width: 768px){.carouselTrack img{width:80px}}@media (max-width: 480px){.carouselTrack img{width:60px}}.featureSection{padding:4rem 10%;background-color:transparent;text-align:center}.featureSection h2{font-size:40px;text-transform:uppercase;position:relative;margin-bottom:5rem;cursor:default}.featureSection h2:after{content:"";position:absolute;bottom:0;left:0;right:0;background-color:#000;height:4px;width:10%;margin:auto;text-align:center;transition:all 1s ease-in-out;transform:translateY(.8rem)}.featuresGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2rem;margin-top:2rem}.featureCard{background:#fff;border-radius:10px;padding:2rem;box-shadow:0 4px 12px #0000000d;transition:all .3s ease}.featureCard:hover{transform:scale(1.04)}.icon{font-size:2rem;margin-bottom:1rem}@media screen and (max-width:800px){.featureSection{padding:.5rem 1rem}.featureSection h2{font-size:22px}.featureSection h2:after{content:"";position:absolute;bottom:0;left:0;right:0;background-color:#000;height:4px;width:30%!important;margin:auto;text-align:center;transition:all 1s ease-in-out;transform:translateY(.8rem)}}.howItWorks{padding:4rem 10%;background-color:transparent;text-align:center}.howItWorks h2{font-size:40px;text-transform:uppercase;position:relative;margin-bottom:5rem;cursor:default}.howItWorks h2:after{content:"";position:absolute;bottom:0;left:0;right:0;background-color:#000;height:4px;width:10%;margin:auto;text-align:center;transition:all 1s ease-in-out;transform:translateY(.8rem)}.steps{display:flex;justify-content:space-between;flex-wrap:wrap;gap:2rem;margin-top:2rem}.stepCard{flex:1;min-width:250px;max-width:300px;padding:1.5rem;background-color:#f2f2f2;border-radius:8px;box-shadow:0 0 10px #0000000d;transition:all .3s ease-in-out}.stepNumber{font-size:2rem;font-weight:700;color:#0f172a;margin-bottom:.5rem}@media screen and (max-width:800px){.howItWorks{padding:.5rem 1rem}.howItWorks h2{font-size:22px;margin-top:1.5rem}.howItWorks h2:after{content:"";position:absolute;bottom:0;left:0;right:0;background-color:#000;height:4px;width:30%!important;margin:auto;text-align:center;transition:all 1s ease-in-out;transform:translateY(.8rem)}}.aboutSection{padding:4rem .2rem;width:90%;margin:auto}.aboutSection .sectionTitle{font-size:40px;text-transform:uppercase;position:relative;margin-bottom:5rem;cursor:default;text-align:center}.aboutSection .sectionTitle:after{content:"";position:absolute;bottom:0;left:0;right:0;background-color:#000;height:4px;width:10%;margin:auto;text-align:center;transition:all 1s ease-in-out;transform:translateY(.8rem)}.aboutSection .sectionContent{display:flex;justify-content:center;align-items:center;gap:2rem}.aboutSection .imgCon{width:50%;height:500px}.aboutSection .imgCon img{width:100%;height:100%;object-fit:cover;border-radius:12px;box-shadow:0 10px 25px #0000001a}.aboutSection .content{width:50%}.aboutSection .content h1{font-size:2rem;font-weight:700;margin-bottom:1rem}.aboutSection .content h4{font-size:1.1rem;color:#6b7280;margin-bottom:.8rem}@media (max-width: 1024px){.aboutSection .sectionContent{flex-direction:column;text-align:start;padding:2rem 1rem}.aboutSection .imgCon,.aboutSection .content{width:100%}.aboutSection .imgCon img{max-width:100%}.aboutSection .content h1{font-size:1.8rem;text-align:center}.aboutSection .content h4{font-size:1rem}}@media (max-width: 768px){.aboutSection .sectionTitle{font-size:22px;margin:0 0 2rem}.aboutSection .sectionTitle:after{content:"";position:absolute;bottom:0;left:0;right:0;background-color:#000;height:4px;width:30%!important;margin:auto;text-align:center;transition:all 1s ease-in-out;transform:translateY(.8rem)}.aboutSection .content h1{font-size:1.5rem}.aboutSection .content h4{font-size:.95rem}.aboutSection .imgCon,.aboutSection .content{width:100%}.aboutSection .imgCon img{max-width:100%}}.ctaSection{padding:3rem 10%;background-color:transparent;color:#fff;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center}.ctaBtn{margin-top:1rem;padding:.75rem 2rem;background-color:#2b2a2a;color:#fff;border:none;border-radius:6px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:background-color .3s}.ctaBtn:hover{background-color:#000}.footer{background-color:#b1adad;color:#f5f5f5;text-align:center;padding:2rem 1rem;font-size:.9rem;margin:0 auto;border-top-left-radius:15px;border-top-right-radius:15px;width:92%}.footer a{color:#242323;text-decoration:none}.footer a:hover{text-decoration:underline}@media screen and (max-width:500px){.footer{width:auto}}.videoDemo{padding:4rem 2rem;text-align:center}.videoDemo h2{font-size:40px;text-transform:uppercase;position:relative;margin-bottom:5rem;cursor:default}.videoDemo h2:after{content:"";position:absolute;bottom:0;left:0;right:0;background-color:#000;height:4px;width:10%;margin:auto;text-align:center;transition:all 1s ease-in-out;transform:translateY(.8rem)}.videoWrapper{max-width:800px;margin:0 auto;border-radius:12px;overflow:hidden;box-shadow:0 4px 15px #0000001a}@media screen and (max-width: 768px){.videoDemo{padding:3rem 1rem}.videoDemo h2{font-size:1.6rem}}@media screen and (max-width: 480px){.videoDemo h2{font-size:1.4rem}}.faqSection{padding:4rem 2rem;text-align:center}.faqSection h2{font-size:40px;text-transform:uppercase;position:relative;margin-bottom:5rem;cursor:default}.faqSection h2:after{content:"";position:absolute;bottom:0;left:0;right:0;background-color:#000;height:4px;width:10%;margin:auto;text-align:center;transition:all 1s ease-in-out;transform:translateY(.8rem)}.faqList{max-width:800px;margin:0 auto;text-align:left}.faqItem{background:#f9f9f9;padding:1rem 1.5rem;border-radius:8px;margin-bottom:1rem;box-shadow:0 1px 5px #0000000f;cursor:pointer;transition:background .3s ease}.faqItem:hover{background-color:#ececec}.faqItem h4{font-size:1rem;font-weight:600}.faqItem p{font-size:.95rem;margin-top:.5rem;color:#333}@media screen and (max-width: 768px){.faqSection h2{font-size:1.6rem}.faqItem h4{font-size:.95rem}.faqItem p{font-size:.9rem}}@media screen and (max-width: 480px){.faqSection{padding:2.5rem 1rem}.faqSection h2{font-size:1.4rem}}.scrollCon{background-color:#666;color:#fff;position:fixed;right:0;bottom:0}.contact{display:flex;flex-direction:column;align-items:center;gap:2rem;padding:3rem 10%;margin:auto}.contact h2{font-size:40px;text-transform:uppercase;position:relative;margin-bottom:5rem;cursor:default}.contact h2:after{content:"";position:absolute;bottom:0;left:0;right:0;background-color:#000;height:4px;width:20%;margin:auto;text-align:center;transition:all 1s ease-in-out;transform:translateY(.8rem)}.contact .contactInputs,.contactTextarea,.contactButton{display:flex;justify-content:center;align-items:start;width:60%;gap:.5rem}.contactInputs input{height:30px}.contactTextarea textarea{height:100px;resize:none;border-radius:9px;padding:.6rem;width:100%;background-color:transparent;overflow-y:scroll;outline:none}.contactButton .contact-Btn{background-color:#000;color:#fff;display:flex;align-items:center;gap:.7rem;border:none;font-weight:800}@media screen and (max-width:500px){.contact{padding:0 0 2rem;gap:.3rem}.contact h2{font-size:1.8rem;text-align:center}.contactInputs input{margin:0!important;transform:translateY(0)}.contactInputs .last{display:none}}.container{display:flex;flex-direction:column;align-items:start;gap:2rem;padding:2rem 0 4rem}.container .signupHeader{font-family:Audiowide,sans-serif;font-style:italic}.formCon{margin:auto;width:fit-content;background-color:#f8f5f5;height:fit-content;border-radius:8px;box-shadow:0 2px 15px gray;padding:.8rem 3rem;width:25%}.formCon .content{display:inline-block;text-align:center}.formCon .content h3{font-size:16px;line-height:20px}.formCon .content p{font-size:12px;color:#b8b6b6;font-weight:500;transform:translateY(-1rem)}.formCon .authForm{display:flex;flex-direction:column;gap:.5rem;width:100%}.formCon .authForm .user,.mail,.pass,.phone,.authBtn,.condition{display:flex;gap:.4rem}input{width:100%;border:1px solid #dddcdc;background-color:transparent;border-radius:8px;padding:.5rem;font-size:12px}input:focus{outline:0;border-color:gray}.formCon .authForm .authBtn button{background-color:#b8b6b6;border:none;border-radius:8px;width:100%;padding:.8rem;color:#000;cursor:pointer;font-weight:600;transition:1s ease-in-out;display:flex;align-items:center;justify-content:center;gap:.4rem}.formCon .authForm .authBtn button:hover{background-color:#6e6e6e}.formCon .authForm .authBtn button .spinner{width:8px;height:8px;border:4px solid rgba(79,70,229,.2);border-radius:50%;border-color:#000;border-top:4px solid transparent;animation:spin 1s ease-in-out infinite;margin:0}.formCon .authForm .condition{justify-content:center;color:#363535}.formCon .authForm .condition a{text-decoration:2px underline #363535}.error{color:red;font-size:12px;line-height:0;padding:0 0 0 2.4rem;transform:translateY(-.5rem)}.errorPassword,.errorMailSignIn{color:red;font-size:12px;line-height:12px;padding:0 0 0 2.4rem;transform:translateY(-.5rem)}@media screen and (max-width: 1024px){.formCon{width:50%;padding:1.5rem;background-color:transparent}.formCon .content h3{font-size:18px}.formCon .content p,input,.formCon .authForm .authBtn button{font-size:14px}}@media screen and (max-width: 768px){.container{padding:1rem 1rem 3rem}.formCon{width:90%;padding:1rem;box-shadow:none}.formCon .content h3{font-size:16px}.formCon .content p,input{font-size:13px}.formCon .authForm{gap:.75rem}.formCon .authForm .authBtn button{padding:.6rem;font-size:13px}.error,.errorPassword,.errorMailSignIn{font-size:11px;padding-left:2rem}}.verify-account-container{display:flex;justify-content:center;align-items:center;height:80vh;padding:20px}.verify-account-card{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;padding:40px;width:100%;max-width:500px;text-align:center}.verify-account-logo{font-family:Audiowide,sans-serif;font-style:italic}.verifying-status,.success-status,.failed-status{display:flex;flex-direction:column;align-items:center}.spinner{width:50px;height:50px;border:4px solid rgba(79,70,229,.2);border-radius:50%;border-top-color:#b8b6b6;animation:spin 1s ease-in-out infinite;margin:30px 0 20px}.success-icon{width:60px;height:60px;background-color:#10b981;color:#fff;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:30px;font-weight:700;margin-bottom:20px}.error-icon{width:60px;height:60px;background-color:#ef4444;color:#fff;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:30px;font-weight:700;margin-bottom:20px}h2{color:#1f2937;font-size:24px;margin-bottom:10px}p{color:#6b7280;margin-bottom:5px}.error-message{color:#ef4444;margin-bottom:20px}.resend-button{background-color:#b8b6b6;color:#fff;border:none;border-radius:6px;padding:12px 24px;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .3s;margin-top:20px}.resend-button:hover{background-color:#9c9b9b}.resend-button:disabled{background-color:#9ca3af;cursor:not-allowed}.verify-container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:2rem}.verify-card{background:#fff;padding:3rem 2rem;border-radius:12px;box-shadow:0 15px 30px #0000000d;text-align:center;max-width:400px;width:100%}.verify-card .icon{color:#4b5563;margin-bottom:1rem}.verify-card h2{font-size:1.8rem;margin-bottom:.5rem}.verify-card p{font-size:1rem;color:#4b5563;margin:.5rem 0}.actions{margin-top:2rem;display:flex;justify-content:center;gap:.3rem;flex-wrap:wrap}.verify-card .actions .continue-btn{background-color:#4b5563;color:#fff;padding:.7rem 1.4rem;font-size:1rem;border:none;border-radius:8px;cursor:pointer;transition:background .3s ease;font-weight:600;display:flex;align-items:center;justify-content:center;gap:.3rem}.verify-card .actions .continue-btn .spinner{width:8px;height:8px;border:4px solid rgba(79,70,229,.2);border-radius:50%;border-color:#000;border-top:4px solid transparent;animation:spin 1s ease-in-out infinite;margin:0}.verify-card .actions .resend-btn{padding:.7rem 1.4rem;font-size:1rem;border:2px solid #4b5563;border-radius:8px;cursor:pointer;transition:background .3s ease;font-weight:600}.verify-card .actions .continue-btn:hover{background-color:#25292e}.note{margin-top:1rem;font-size:.95rem}.note a{color:#4b5563;text-decoration:underline}.notFound{display:flex;justify-content:center;align-items:center;padding:2rem;text-align:center}.errorContent{max-width:500px}.errorContent h1{font-size:6rem;font-weight:700;color:#111827;margin-bottom:.5rem}.errorContent h2{font-size:2rem;color:#374151;margin-bottom:1rem}.errorContent p{color:#6b7280;margin-bottom:2rem;font-size:1rem}.backBtn{padding:.75rem 2rem;font-size:1rem;font-weight:600;border:none;border-radius:8px;background-color:#111827;color:#fff;cursor:pointer;transition:background-color .3s ease}.backBtn:hover{background-color:#1f2937}@media (max-width: 1024px){.errorContent h1{font-size:5rem}.errorContent h2{font-size:1.75rem}.errorContent p{font-size:.95rem}}@media (max-width: 768px){.errorContent h1{font-size:4rem}.errorContent h2{font-size:1.5rem}.errorContent p{font-size:.9rem}.backBtn{width:100%;font-size:.95rem}}.resetContainer{display:flex;justify-content:center;align-items:center;min-height:90vh;padding:2rem}.resetCard{background-color:#fff;background:#fff;padding:3rem 2rem;border-radius:12px;box-shadow:0 15px 30px #0000000d;max-width:400px;width:100%;display:flex;flex-direction:column;gap:1rem;justify-content:center}.resetCard input{width:92%;padding:.8rem}.resetCard button{background-color:#1a1919;color:#fff;padding:.8rem;border-radius:8px;cursor:pointer;width:100%;border:none}.generateHeader{display:flex;justify-content:space-between;align-items:center;width:100%;padding:.4rem;z-index:2000}.generateHeader .generateLogo{display:flex;align-items:center;width:40%;height:60px}.generateLogo img{width:10%;height:100%;object-fit:contain}.generateLogo h2{font-size:15px;cursor:pointer}.generateLogo a{font-size:14px;transform:translateY(.1rem);color:#000;font-weight:500;margin:0 .2rem;cursor:pointer}.generateLogo a:hover{text-decoration:1px solid underline}.generateLogo p{font-size:20px;transform:translateY(-.4rem);color:#d1cece}.generateHeader .dropDown{display:flex;flex-direction:column;align-items:center;width:10%;gap:1rem;position:relative}.dropDown .profileDropdown{cursor:pointer;display:flex;align-items:center;border-radius:50%}.profileDropdown .profileImg{width:40px;height:40px;border-radius:100%;object-fit:cover;padding:.2rem;border:4px solid rgb(207,205,205)}.profileDropdown .chev{transition:all .2s ease-in-out}.profileDropdown .chev.open{rotate:180deg}.dropDown .dropdownContent{display:flex;flex-direction:column;gap:1rem;position:absolute;right:0%;top:100%;transition:all .3s ease-in-out;background-color:#e9e7e7;padding:.5rem 1rem;border-radius:9px;box-shadow:0 1px 4px #000;height:fit-content;width:300px;visibility:hidden;opacity:0;z-index:2000!important}.dropdownContent.open{margin-top:1rem;visibility:visible;opacity:1}.dropdownContent .profile{display:flex;align-items:center;gap:.5rem}.profile .profilePic{border:2px solid gray;border-radius:50%;padding:.2rem;height:80px;width:80px}.profilePic .profileImg{width:80px;height:80px;object-fit:cover;border-radius:100%}.profile .details{display:flex;flex-direction:column;justify-content:center;align-items:start;transform:translateY(-.8rem)}.details h2{display:flex;align-items:start;transform:translate(-.5rem);font-weight:600;font-size:25px}.details a{line-height:0;font-size:13px;display:flex;align-items:center;justify-content:center}.dropdownContent .actionLinks{display:flex;flex-direction:column;gap:1rem}.actionLinks a,.actionLinks h2{display:flex;align-items:center;justify-content:space-between;gap:.8rem;color:#202020;font-size:15px;font-weight:600;padding:.5rem;border-radius:9px;transition:all .2s ease-in-out}.actionLinks .toggleSettings .chevron{transition:all 1s ease-in-out}.actionLinks .toggleSettings .chevron.open{rotate:180deg}.actionLinks .otherSettings{transform:translateY(-.5rem);opacity:0;visibility:hidden;position:absolute;bottom:0}.actionLinks .otherSettings.open{transform:translateY(0);position:unset;visibility:visible;opacity:1}.actionLinks a .cont{display:flex;align-items:center;gap:.6rem}.actionLinks a:hover{background-color:gray;color:#000}.generate{display:flex;justify-content:space-between;align-items:center;width:90%;padding:1rem 2rem}.generate .generateCard{background-color:#fff;color:#333;margin:2rem auto;padding:1rem 2rem;border-radius:10px;width:30%;display:flex;flex-direction:column;height:400px}.generate .head h2{color:#333}.generate .contentTab .input{display:flex;flex-direction:column;gap:.8rem;width:100%;position:relative}.input h3{line-height:0}.input textarea{height:100px;background-color:#000;padding:.8rem;border-radius:8px;resize:none;border:none;outline:none;color:#c7c6c6}.input textarea:focus::placeholder{color:transparent}.input textarea.much{color:red}.input .count{color:#c7c6c6;position:absolute;bottom:29%;right:5%;font-size:13px;font-weight:600;text-overflow:clip}.input .count.much{color:red}.input button{display:flex;align-items:center;font-size:15px;justify-content:center;gap:.5rem;background-color:#000;color:#fff;border-radius:9px;border:none;padding:1rem;font-weight:600;cursor:pointer}.generate .videoTab{width:40%}.generate .videoTab .video{width:100%;align-items:center;justify-content:center;text-align:center}.video p{color:#333;font-weight:600}.videoSection{display:flex;flex-direction:column;gap:2rem;padding-bottom:2rem;width:100%}.videoSection .head h2{font-size:2em}.videoSection .videos{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.5rem;width:100%}.videos video{border-radius:8px;width:100%}.videoSection .notCreated,.spin{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.7rem}.notCreated p{font-size:1.4em}.notCreated a{background-color:#a8a6a6;columns:black;padding:.5rem;border-radius:8px;font-weight:600}@media screen and (max-width:500px){.generateHeader{background-color:#ebecec;width:90%;padding:.5rem 1rem;position:relative;border-bottom:2px solid rgb(209,206,206);position:sticky;top:0}.generateHeader .title,.split{display:none}.generateHeader .generateLogo{width:70%}.generateLogo img,.generateHeader .dropDown{width:30%}.generateHeader .dropDown{position:unset}.dropDown .dropdownContent{left:5%;width:70%}.dropdownContent.open{margin:0}.generate{flex-direction:column;width:65%;align-items:center}.generate .generateCard{width:95%;margin:auto;height:fit-content}.generate .videoTab{background-color:transparent}.videoSection .videos{grid-template-columns:1fr;width:90%;margin:auto;padding:.7rem}}@media screen and (min-width: 501px) and (max-width: 1024px){.generateHeader{background-color:#ebecec;width:100%;padding:.5rem 1rem;position:relative;position:sticky;top:0}.generateHeader .title,.split{display:none}.generateHeader .generateLogo{width:50%}.generateLogo img{width:20%}.generateHeader .dropDown{width:30%}.generate{flex-direction:column;padding:1rem 2rem;width:90%}.generate .generateCard{width:70%}.videoSection .videos{grid-template-columns:1fr;width:90%;margin:auto;padding:.7rem}}.generating-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;gap:1.5rem;min-height:300px}.sparkle-container{position:relative;width:100px;height:100px}.sparkle{position:absolute;font-size:1.8rem;color:#facc15;animation:flicker 1.5s infinite}.sparkle:nth-child(1){top:10%;left:20%;animation-delay:0s}.sparkle:nth-child(2){top:30%;right:10%;animation-delay:.3s}.sparkle:nth-child(3){bottom:15%;left:25%;animation-delay:.6s}.sparkle:nth-child(4){bottom:10%;right:15%;animation-delay:.9s}@keyframes flicker{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.3)}}.generating-text{font-size:1.1rem;font-weight:500;color:#555;animation:fadeText 4s ease-in-out infinite;text-align:center}@keyframes fadeText{0%{opacity:0}10%{opacity:1}90%{opacity:1}to{opacity:0}}.goBack button{display:flex;align-items:center;gap:.4rem;margin:.5rem;border-radius:7px;border:none;padding:.2rem .8rem;cursor:pointer;background-color:transparent}.editContainer{max-width:600px;margin:auto;padding:2rem 1rem;display:flex;flex-direction:column;align-items:center;font-weight:800}.pPicture{position:relative;background-color:#f3f4f6;border-radius:50%;width:100px;height:100px;margin-bottom:2rem;display:flex;align-items:center;justify-content:center}.editIcon{position:absolute;bottom:0;right:0;background-color:#111827;color:#fff;border:none;border-radius:50%;padding:.3rem;cursor:pointer}.profileDetals{width:100%;display:flex;flex-direction:column;gap:1.2rem}.inputGroup{display:flex;flex-direction:column;width:95%}.inputGroup label{margin-bottom:.4rem;font-weight:500;color:#374151}.inputGroup input{padding:.75rem 1rem;border-radius:8px;border:1px solid #d1d5db;font-size:.9rem;font-weight:600;outline:none;transition:border .2s ease}.profileDetals .actionBtns{display:flex;justify-content:space-between;align-items:center}.actionBtns .saveBtn{display:flex;align-items:center;gap:.5rem;background-color:#000;color:#fff;border:none;padding:.75rem 1rem;font-size:1rem;border-radius:8px;cursor:pointer;margin-top:1rem;transition:background .3s ease;font-weight:600}.actionBtns .saveBtn:hover{background-color:#636364}.actionBtns .saveBtn .spinner{width:8px;height:8px;border:4px solid rgba(79,70,229,.2);border-radius:50%;border-color:#fff;border-top:4px solid transparent;animation:spin 1s ease-in-out infinite;margin:0}@keyframes spin{to{transform:rotate(360deg)}}.actionBtns .cancelBtn{background-color:red;color:#fff;border:none;padding:.75rem 1rem;font-size:1rem;border-radius:8px;cursor:pointer;margin-top:1rem;transition:background .3s ease;font-weight:600}@media (max-width: 768px){.editContainer{padding:2rem 1.5rem}.pPicture{width:80px;height:80px}.inputGroup{width:90%}.editIcon{padding:.2rem}}@media (max-width: 480px){.editContainer{padding:1.5rem 1rem}.profileDetals{gap:1rem}.saveBtn{font-size:.95rem}}.previewImg,.profileImg{width:100%;height:100%;border-radius:50%;object-fit:cover}input[type=file]{display:none}