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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{background:linear-gradient(135deg,#8ad1ff,#3cc99d 50%,#98ffea)}.glass-container{animation:fadeIn 2s ease-in-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fff3;border:1px solid #fff3;border-radius:20px;box-shadow:0 10px 50px #0000004d;margin:20px auto;max-width:1600px;padding:20px;width:95vw}.navbar{align-items:center;animation:slideInFromTop 1.5s ease;color:#fff;display:flex;flex-wrap:wrap;font-size:20px;justify-content:space-between;padding:0;position:relative}.navbar .logo{color:#fff;cursor:pointer;font-size:30px;font-weight:700;transition:transform .3s ease,color .3s ease}.navbar .logo:hover{color:#3cc99d;transform:scale(1.1) rotate(-3deg)}.navbar ul{color:#fff;display:flex;flex-wrap:wrap;gap:20px;list-style:none;margin:0;padding:0}.navbar ul li{border-radius:10px;cursor:pointer;margin-bottom:10px;margin-top:10px;padding:5px 10px;position:relative;transition:background-color .3s ease,transform .3s ease}.navbar ul li:hover{background:#fff3;transform:scale(1.1)}.navbar ul li:hover:after{animation:underlineSlide .4s ease forwards;background:#fff;bottom:-5px;content:"";height:2px;left:0;position:absolute;right:0}.navbar .auth-buttons{display:flex;gap:15px}.get-started-button{border:2px solid #0000;border-radius:20px;color:#fff;cursor:pointer;font-weight:600;padding:10px 30px;transition:all .3s ease}.get-started-button:hover{background-color:#fff;border:2px solid #3cc99d;transform:translateY(-5px)}.content{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between}.content,.text-content{animation:slideInFromLeft 1.5s ease}.text-content{color:#fff;max-width:60%}.text-content h1{animation:fadeInText 1.5s ease;color:#fff;font-size:3.3em;font-weight:700;margin:0}.text-content p{animation:fadeInText 2s ease;color:#f0f0f0;font-size:1.2em;margin:15px 0}.image-content img{animation:bobbing 3s ease-in-out infinite;height:auto;max-height:100%;object-fit:contain;width:100%}.features-section{animation:slideInFromBottom 2s ease;background-color:#fff;padding:20px;text-align:center}.features-header h1{-webkit-text-fill-color:#0000;animation:gradient-animation 3s ease-in-out infinite,fadeIn 2s ease-out;background:linear-gradient(90deg,#98ffea,#8ad1ff);-webkit-background-clip:text;font-size:3.3rem;font-weight:700;letter-spacing:2px;margin:0;text-transform:uppercase}.features-container{animation:fadeIn 2s ease;display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-bottom:30px;margin-top:40px}.feature-card{animation:slideInFromBottom 1.5s ease;background:linear-gradient(180deg,#98ffea,#8ad1ff);border:4px solid #fff;border-radius:20px;box-shadow:4px 4px 8px #0003;color:#fff;max-width:300px;padding:20px;text-align:center;transition:transform .3s ease,box-shadow .3s ease,background-color .3s ease}.feature-card:hover{background:linear-gradient(180deg,#8ad1ff,#98ffea);box-shadow:0 8px 16px #0000004d;box-shadow:0 0 20px #8ad1ff;transform:translateY(-10px) rotate(5deg)}.feature-card h2{font-size:1.5em;margin-top:20px}.feature-card p{font-size:1em;line-height:1.5}@media (max-width:768px){.features-container{align-items:center;flex-direction:column}.feature-card{max-width:90%}.glass-container{align-items:center;flex-direction:column;height:auto;width:auto}}@keyframes fadeInText{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInFromLeft{0%{opacity:0;transform:translateX(-50px)}to{opacity:1;transform:translateX(0)}}@keyframes underlineSlide{0%{width:0}to{width:100%}}@keyframes bobbing{0%,to{transform:translateY(-10px)}50%{transform:translateY(10px)}}@keyframes gradient-animation{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.how-to-use-section{background:linear-gradient(135deg,#8ad1ff,#3cc99d 50%,#98ffea);display:flex;justify-content:center;padding:60px 20px}.how-to-use-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fff3;border:1px solid #fff3;border-radius:20px;box-shadow:0 10px 50px #0000004d;max-width:1200px;padding:10px;width:90vw}.how-to-use-header{color:#fff;font-size:1.9rem;font-weight:500;margin-bottom:40px;text-align:center}.steps-container{align-items:center;display:flex;flex-direction:column;gap:50px}.step-card-container{align-items:center;display:flex;justify-content:center;margin-bottom:10px;max-width:1000px;position:relative;width:100%}.step-card{border:1px solid #ffffff4d;max-width:600px;padding:20px;position:relative;width:100%}.step-card:hover{background:linear-gradient(135deg,#fff6,#fff3);box-shadow:0 15px 30px #0006;transform:translateY(-10px) scale(1.05)}.step-card .step-number{align-items:center;background:#ffffff4d;border:2px solid #ffffff4d;border-radius:20%;color:#3cc99d;display:flex;font-size:2em;font-weight:700;height:60px;justify-content:center;margin-right:20px;transition:transform .5s ease,background .5s ease;width:80px}.step-card:hover .step-number{border-color:#fff}.step-card .step-content{color:#fff;display:flex;flex-direction:column;flex-grow:1;transition:color .3s ease}.step-card:hover .step-content h2{color:#3cc99d}.step-card:hover .step-content p{color:#fff}.step-card .step-content h2{font-size:1.5em;font-weight:700;margin:0 0 10px}.step-card .step-content p{font-size:1.1em;line-height:1.5;margin:0}.step-image{animation:floating 3s ease-in-out infinite;height:auto;transition:transform .3s ease,filter .3s ease;width:350px}.step-image-left{margin-right:70px}.step-image-right{margin-left:70px}@keyframes floating{0%{transform:translateY(10px)}50%{transform:translateY(-20px)}to{transform:translateY(10px)}}@media (max-width:768px){.step-card-container{flex-direction:column}.step-image-left,.step-image-right{flex-direction:column;height:fit-content;margin:auto}.step-image{width:120px}.step-card{width:fit-content}.step-card:hover{width:340px}}.footer{background:linear-gradient(135deg,#333,#444);color:#fff;font-family:Poppins,sans-serif;padding:60px 20px}.footer-container{display:flex;flex-wrap:wrap;gap:40px;justify-content:space-between;margin:0 auto;max-width:1200px}.footer-section{flex:2 1 250px;min-width:200px}.footer-section h2,.footer-section h3{color:#98ffea;font-size:1.5rem;margin-bottom:20px}.footer-section .social-icons a,.footer-section li,.footer-section p{color:#ddd;font-size:1rem;line-height:1.8}.footer-section a:hover{color:#98ffea}.footer-section ul li:hover{color:#98ffea;cursor:pointer}.footer-section ul{list-style:none;padding:0}.footer-section ul li{margin-bottom:10px}.footer-section ul li a{list-style:none;margin-bottom:10px;padding:0}.subscribe-form{display:flex;flex-wrap:wrap;gap:10px}.subscribe-form input{border:none;border-radius:5px;flex:1 1;font-size:1rem;outline:none;padding:10px}.subscribe-form button{background:#3cc99d;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;padding:10px 20px;transition:background .3s ease}.subscribe-form button:hover{background:#98ffea}.social-icons{display:flex;gap:15px;margin-top:20px}.social-icons a{color:#3cc99d;font-size:1.5rem;transition:color .3s ease,transform .3s ease}.social-icons a:hover{color:#98ffea;transform:scale(1.2)}.footer-bottom{border-top:1px solid #555;color:#bbb;font-size:.9rem;margin-top:40px;padding-top:20px;text-align:center}.faq-section{background:linear-gradient(135deg,#fff,#f3f8ff);color:#333;display:flex;font-family:Poppins,sans-serif;justify-content:center;padding:80px 20px}.faq-container{max-width:800px;text-align:center;width:100%}.faq-header h2{background:linear-gradient(90deg,#98ffea,#8ad1ff);-webkit-background-clip:text;font-size:2.5rem;letter-spacing:2px;margin-bottom:20px;text-transform:uppercase}.faq-header h2,.faq-header p{-webkit-text-fill-color:#0000}.faq-header p{background:linear-gradient(90deg,#8ad1ff,#98ffea);-webkit-background-clip:text;color:#555;font-size:1.2rem;line-height:1.8;margin-bottom:40px}.faq{animation:slideUp .8s ease;background:linear-gradient(135deg,#8ad1ff,#98ffea);border-radius:10px;box-shadow:0 4px 15px #0003;margin-bottom:25px;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.faq:hover{box-shadow:0 10px 25px #0000004d;transform:scale(1.05) rotate(0deg)}.faq-checkbox{display:none}.faq-question{align-items:center;background:linear-gradient(135deg,#3cc99d,#8ad1ff);border:none;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;font-weight:700;justify-content:space-between;padding:20px;transition:background .4s ease,box-shadow .4s ease}.faq-question:hover{background:linear-gradient(135deg,#2ea883,#6cc7ff);box-shadow:0 5px 15px #00000026}.faq-question .faq-icon{font-size:1.5rem;transition:transform .4s ease,color .4s ease}.faq-checkbox:checked+.faq-question .faq-icon{color:#f9f9f9;transform:rotate(180deg)}.faq-answer{background:linear-gradient(135deg,#fefefe,#f9f9f9);border-top:1px solid #ddd;box-shadow:inset 0 0 10px #0000001a;color:#555;display:block;font-size:1rem;line-height:1.4;margin-bottom:auto;padding:20px}.faq:not(.open) .faq-answer{display:none}@keyframes textGlow{0%{text-shadow:0 0 10px #3cc99d,0 0 20px #3cc99d,0 0 30px #8ad1ff}to{text-shadow:0 0 20px #98ffea,0 0 30px #98ffea,0 0 40px #3cc99d}}@keyframes textFade{0%{opacity:.7}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.faq-container{padding:0 15px}.faq-question{font-size:1rem;padding:15px}.faq-answer{font-size:.9rem}}.contact-us-section{background:linear-gradient(135deg,#fff,#f3f8ff);display:flex;font-family:Poppins,sans-serif;justify-content:center;padding:60px 20px}.contact-us-container{animation:fadeIn 1.5s ease;background:#fff;border-radius:20px;box-shadow:0 10px 30px #0000001a;display:flex;flex-wrap:wrap;gap:20px;margin:0 auto;max-width:1200px;overflow:hidden}.contact-info{animation:slideInLeft 1s ease;background:linear-gradient(135deg,#3cc99d,#8ad1ff);color:#fff;flex:1 1;padding:40px 20px}.contact-info h2{font-size:1.8rem;margin-bottom:15px}.contact-info p{font-size:1rem;line-height:1.6;margin-bottom:20px}.contact-info ul{list-style:none;padding:0}.contact-info ul li{align-items:center;display:flex;font-size:1rem;margin-bottom:10px;transition:transform .3s ease}.contact-info ul li i{font-size:1.2rem;margin-right:10px}.contact-info ul li:hover{transform:translateX(10px)}.contact-form{animation:slideInRight 1s ease;background:#f9f9f9;flex:2 1;padding:40px 20px}.contact-form h2{color:#333;font-size:1.8rem;margin-bottom:15px}.contact-form p{color:#555;font-size:1rem;line-height:1.6;margin-bottom:20px}.contact-form form{display:flex;flex-direction:column}.form-row input,.form-row textarea{background:#fff;border:1px solid #ddd;border-radius:5px;box-shadow:0 4px 10px #00000008;flex:1 1;font-size:1rem;padding:15px;transition:all .4s ease,transform .4s ease}.form-row input:hover,.form-row textarea:hover{border-color:#3cc99d;transform:translateY(-3px)}.form-row input:focus,.form-row textarea:focus{border-color:#3cc99d;box-shadow:0 4px 15px #3cc99d33;outline:none}textarea{height:120px;resize:none}@media (max-width:768px){.contact-us-container{flex-direction:column}.contact-form,.contact-info{padding:20px}.form-row{flex-direction:column;gap:10px}}@media (max-width:480px){button{font-size:.9rem;padding:10px 15px}.form-row input,.form-row textarea{font-size:.9rem;padding:10px}}input.error,textarea.error{border-color:#ff4d4d;box-shadow:0 0 5px #ff4d4d80}.login-section{background:linear-gradient(135deg,#fff,#f3f8ff);display:flex;font-family:Poppins,sans-serif;justify-content:center;padding:91px 20px}.login-container{animation:fadeIn 1.5s ease;background:#fff;border-radius:20px;box-shadow:0 10px 30px #0000001a;display:flex;flex-wrap:wrap;margin:0 auto;max-width:1200px;overflow:hidden}.login-info{align-items:center;animation:slideInLeft 1s ease;background:linear-gradient(135deg,#3cc99d,#8ad1ff);color:#fff;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:40px 20px}.login-info h2{font-size:1.9rem;font-weight:700;margin-bottom:15px;text-align:center}.login-info p{font-size:.9rem;line-height:1.6;margin-bottom:20px;text-align:center}.login-info img{animation:bob 2s ease-in-out infinite;border-radius:10px;height:auto;margin-top:20px;width:100%}.login-form{animation:slideInRight 1s ease;background:#f9f9f9;flex:2 1;padding:40px 20px}.login-form h2{color:#333;font-size:1.8rem;margin-bottom:15px}.login-form p{color:#555;font-size:1rem;line-height:1.6;margin-bottom:20px}.login-form form{display:flex;flex-direction:column}@media (max-width:768px){.login-container{flex-direction:column}.login-form,.login-info{padding:20px}.form-row{flex-direction:column;gap:10px}}@media (max-width:480px){button{font-size:.9rem;padding:10px 15px}.form-row input{font-size:.9rem;padding:10px}.login-info img{width:90%}}.auth-section{background:linear-gradient(135deg,#fff,#f3f8ff);display:flex;font-family:Poppins,sans-serif;justify-content:center;overflow:hidden;padding:60px 20px;position:relative}.auth-container{animation:fadeIn 1.5s ease;background:#fff;border-radius:20px;box-shadow:0 10px 30px #0000001a;display:flex;flex-wrap:wrap;gap:20px;height:100%;max-width:1200px;overflow:hidden;width:100%}.auth-info{align-items:center;animation:slideInLeft 1s ease;background:linear-gradient(135deg,#3cc99d,#8ad1ff);color:#fff;display:flex;flex:1 1;flex-direction:column;justify-content:center}.auth-form,.auth-info{padding:40px 20px;transform:translateX(0);transition:transform .6s ease-in-out}.auth-form{animation:slideInRight 1s ease;background:#f9f9f9;flex:2 1}.auth-info h2{font-size:2.5rem;font-weight:700;margin-bottom:15px;text-align:center}.auth-info p{font-size:.9rem;line-height:1.6;margin-bottom:20px;text-align:center}.auth-info img{animation:bob 3s ease-in-out infinite;border-radius:10px;height:auto;margin-top:20px;width:70%}.form-row{flex-direction:column}.signup-section{background:linear-gradient(135deg,#fff,#f3f8ff);display:flex;font-family:Poppins,sans-serif;justify-content:center;padding:91px 20px}.signup-container{animation:fadeIn 1.5s ease;background:#fff;border-radius:20px;box-shadow:0 10px 30px #0000001a;display:flex;flex-wrap:wrap;margin:0 auto;max-width:1200px;overflow:hidden}.signup-info{align-items:center;animation:slideInLeft 1s ease;background:linear-gradient(135deg,#3cc99d,#8ad1ff);color:#fff;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:40px 20px}.signup-info h2{font-size:1.9rem;font-weight:700;margin-bottom:15px;text-align:center}.signup-info p{font-size:.9rem;line-height:1.6;margin-bottom:20px;text-align:center}.signup-info img{animation:bob 2s ease-in-out infinite;border-radius:10px;height:auto;margin-top:20px;width:100%}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.signup-form{animation:slideInRight 1s ease;background:#f9f9f9;flex:2 1;padding:40px 20px}.signup-form h2{color:#333;font-size:1.8rem;margin-bottom:15px}.signup-form p{color:#555;font-size:1rem;line-height:1.6;margin-bottom:20px}.signup-form form{display:flex;flex-direction:column}.form-row{display:flex;gap:15px;margin-bottom:20px}.form-row input{background:#fff;border:1px solid #ddd;border-radius:5px;box-shadow:0 4px 10px #00000008;flex:1 1;font-size:1rem;padding:15px;transition:all .4s ease,transform .4s ease}.form-row input:hover{border-color:#3cc99d;transform:translateY(-3px)}.form-row input:focus{border-color:#3cc99d;box-shadow:0 4px 15px #3cc99d33;outline:none}button{background:linear-gradient(135deg,#3cc99d,#8ad1ff);border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;margin-bottom:10px;padding:15px 20px;transition:background .4s ease,transform .3s ease,box-shadow .3s ease}button:hover{background:linear-gradient(135deg,#2ea883,#6cc7ff);box-shadow:0 8px 20px #3cc99d4d;transform:translateY(-5px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-50px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}@media (max-width:768px){.signup-container{flex-direction:column}.signup-form,.signup-info{padding:20px}.form-row{flex-direction:column;gap:10px}}@media (max-width:480px){button{font-size:.9rem;padding:10px 15px}.form-row input{font-size:.9rem;padding:10px}.signup-info img{width:90%}}.error-message{animation:fadeIn .3s ease;color:#ff4d4d;font-size:.9rem;margin-top:5px}input.error{border-color:#ff4d4d;box-shadow:0 0 5px #ff4d4d80}.navbar1{align-items:center;animation:slideInFromTop 1.5s ease;color:#fff;display:flex;flex-wrap:wrap;font-size:20px;justify-content:space-between;margin-left:10px;margin-right:10px;margin-top:10px;padding:15px;position:relative}.navbar1 .logo{color:#fff;cursor:pointer;font-size:30px;font-weight:700;transition:transform .3s ease,color .3s ease}.navbar1 .logo:hover{color:#3cc99d;transform:scale(1.1) rotate(-3deg)}.navbar1 ul{color:#fff;display:flex;flex-wrap:wrap;gap:20px;list-style:none;margin:0;padding:0}.navbar1 ul li{border-radius:10px;cursor:pointer;margin-bottom:10px;margin-top:10px;padding:5px 10px;position:relative;transition:background-color .3s ease,transform .3s ease}.navbar1 ul li:hover{background:#fff3;transform:scale(1.1)}.navbar1 ul li:hover:after{animation:underlineSlide .4s ease forwards;background:#fff;bottom:-5px;content:"";height:2px;left:0;position:absolute;right:0}.navbar1 .auth-buttons{display:flex;gap:15px}.login-button,.signup-button{border-radius:20px;cursor:pointer;font-size:16px;font-weight:700;margin-bottom:10px;margin-top:10px;padding:10px 30px;transition:all .3s ease}body{background:linear-gradient(135deg,#8ad1ff,#3cc99d);background-attachment:fixed;background-repeat:no-repeat;background-size:cover;font-family:Poppins,sans-serif;margin:0;overflow-x:hidden;padding:0}.steps-section{flex-direction:column;justify-content:center;min-height:100vh;padding:20px}.step-card,.steps-section{align-items:center;display:flex;overflow:hidden}.step-card{animation:slideIn 1s ease forwards;background:#fff3;border-radius:20px;box-shadow:0 8px 20px #0003;margin:20px auto;max-height:fit-content;max-width:none;opacity:0;padding:30px;transform:translateY(50px);transition:transform .3s ease,box-shadow .3s ease;width:95%}.step-card:first-child{animation-delay:.4s}.step-card:nth-child(2){animation-delay:1.5s}.step-card:nth-child(3){animation-delay:2.4s}@keyframes slideIn{to{opacity:1;transform:translateY(0)}}.step-number{align-items:center;background:#ffffff4d;border:2px solid #ffffff4d;border-radius:50%;color:#fff;display:flex;font-size:2.5em;font-weight:700;height:80px;justify-content:center;margin-right:20px;transition:transform .5s ease,background .5s ease;width:80px}.step-card:hover .step-number{background:#3cc99d;color:#fff;transform:rotate(1turn)}.step-content{word-wrap:break-word;flex:1 1;overflow:hidden;text-align:left}.step-content h2{color:#fff;font-size:1.5rem;font-weight:700;transition:none}.step-content h2:hover{color:#fff}.step-content textarea{background:rgba(255,254,254,.966);border:2px solid #3cc99d4d;border-radius:10px;box-shadow:0 5px 15px #0000001a;color:#333;font-family:Poppins,sans-serif;font-size:1rem;height:150px;outline:none;padding:15px;resize:none;transition:all .3s ease;width:95%}.step-content textarea:focus,.step-content textarea:hover{background:#ffffffe6;border-color:#3cc99d;box-shadow:0 8px 20px #3cc99d4d;color:#333}button.analyze-button,button.generate-button{background:linear-gradient(135deg,#3cc99d,#8ad1ff);border:none;border-radius:15px;color:#fff;cursor:pointer;font-size:1rem;margin-right:15px;margin-top:20px;padding:10px 30px;transition:background .3s ease,transform .3s ease}button.analyze-button:hover,button.generate-button:hover{background:linear-gradient(135deg,#2ea883,#6cc7ff);transform:translateY(-5px)}@media (max-width:768px){.step-card{flex-direction:column;padding:20px;text-align:center}.step-number{margin-bottom:15px;margin-right:0}.step-content textarea{font-size:.9rem;height:120px;padding:10px}button.analyze-button,button.generate-button{font-size:.9rem;padding:8px 20px}}@media (max-width:480px){.step-card{width:100%}button.analyze-button,button.generate-button{margin-bottom:10px;margin-right:0}}
/*# sourceMappingURL=main.c0301248.css.map*/