.login-page{font-family:Arial,sans-serif;background:linear-gradient(to right,#cfd9df,#e2ebf0);margin:0;padding:0;display:flex;justify-content:center;align-items:center;height:100vh}.login-container{background:#fff;padding:40px;border-radius:15px;box-shadow:0 4px 20px #0000001a;text-align:center;width:100%;max-width:400px;transition:transform .3s ease-in-out}.login-container:hover{transform:scale(1.03)}.form-parent{width:100%}#Logo{width:120px;margin-bottom:20px}.login-container h3{margin-bottom:20px;color:#333;font-size:1.8rem}.login-container .label{display:block;margin-bottom:5px;color:#333;font-weight:700;text-align:left}.login-container .input-group{margin-bottom:15px;text-align:left}.login-container input{width:100%;padding:12px;margin-bottom:10px;border:1px solid #cccccc;border-radius:8px;background-color:#f7f7f7;font-size:1rem;transition:border .3s ease-in-out}.login-container input:focus{border-color:#007bff}.login-container button{background:#007bff;color:#fff;padding:12px 20px;border:none;border-radius:8px;cursor:pointer;transition:background .3s;width:100%;font-size:1rem;font-weight:700}.login-container button:hover{background:#0056b3}.login-container p{margin-top:10px;color:#666}.login-container a{color:#007bff;text-decoration:none;font-weight:700}.login-container a:hover{text-decoration:underline}.login-container .forgot-password{margin-top:15px;text-align:right}.signUp-page{font-family:Arial,sans-serif;background:linear-gradient(to right,#cfd9df,#e2ebf0);margin:0;padding:0;display:flex;justify-content:center;align-items:center;min-height:100vh;overflow:auto}.signUp-container{background:#fff;padding:20px 40px;border-radius:15px;box-shadow:0 4px 20px #0000001a;text-align:center;width:90%;max-width:400px;max-height:80vh;overflow-y:auto;transition:transform .3s ease-in-out}.signUp-container:hover{transform:scale(1.03)}.signUp-formParent{width:100%}.signUp-inputGroup{margin-bottom:15px;text-align:left}.signUp-container input{width:100%;padding:20px;margin-bottom:10px;border:1px solid #cccccc;border-radius:8px;background-color:#f7f7f7;font-size:1rem;transition:border .3s ease-in-out}.signUp-input:focus{border-color:#007bff}.signUp-button{background:#007bff;color:#fff;padding:12px 20px;border:none;border-radius:8px;cursor:pointer;transition:background .3s;width:100%;font-size:1rem;font-weight:700}.signUp-button:hover{background:#0056b3}.forgetPassword-page{font-family:Arial,sans-serif;background:linear-gradient(to right,#cfd9df,#e2ebf0);margin:0;padding:0;display:flex;justify-content:center;align-items:center;min-height:100vh;overflow:auto}.forgetPassword-container{background:#fff;padding:20px 40px;border-radius:15px;box-shadow:0 4px 20px #0000001a;text-align:center;width:90%;max-width:400px;max-height:80vh;overflow-y:auto;transition:transform .3s ease-in-out}.forgetPassword-container:hover{transform:scale(1.03)}.forgetPassword-formParent{width:100%}h3{margin-bottom:20px;color:#333;font-size:1.8rem}.forgetPassword-inputGroup{margin-bottom:15px;text-align:left}label{display:block;margin-bottom:5px;color:#333;font-weight:700}.forgetPassword-input{width:100%;padding:12px;margin-bottom:10px;border:1px solid #cccccc;border-radius:8px;background-color:#f7f7f7;font-size:1rem;transition:border .3s ease-in-out}.forgetPassword-input:focus{border-color:#007bff}.forgetPassword-button{background:#007bff;color:#fff;padding:12px 20px;border:none;border-radius:8px;cursor:pointer;transition:background .3s;width:100%;font-size:1rem;font-weight:700}.forgetPassword-button:hover{background:#0056b3}p{margin-top:10px;color:#666}a{color:#007bff;text-decoration:none;font-weight:700}a:hover{text-decoration:underline}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;line-height:1.6;letter-spacing:.5px;overflow-x:hidden}.header{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;height:4rem;position:fixed;top:0;left:0;right:0;background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 5px #0000001a;z-index:1000}.logo img{height:50px;width:50px;object-fit:contain}nav ul{display:flex;align-items:center;list-style:none;gap:20px;margin:0;padding:0;transition:max-height .3s ease}nav ul li{font-size:16px;font-weight:500;cursor:pointer;color:#333;transition:color .3s ease}nav ul li:hover{color:#a4bbe8}.btn{padding:.5rem 1rem;background-color:#f06;color:#fff;border:none;cursor:pointer;transition:background-color .3s ease,transform .2s ease}.btn:hover{background-color:#e6005c;transform:scale(1.05)}.hamburger{display:none;flex-direction:column;justify-content:center;align-items:center;cursor:pointer;gap:5px}.hamburger div{width:25px;height:3px;background-color:#333;transition:all .3s ease}@media (max-width: 768px){.hamburger{display:flex;position:absolute;top:22px;right:20px}nav ul{flex-direction:column;gap:10px;max-height:0;overflow:hidden;width:100%;background-color:#ffffffe6;position:absolute;top:4rem;left:0;transition:max-height .3s ease;padding-left:8px}nav ul.open{max-height:300px;padding-bottom:10px}}@media (min-width: 769px){.hamburger{display:none}nav ul{display:flex;position:static;max-height:none;flex-direction:row}.nav-buttons{display:none}.desktop-buttons{display:flex;gap:10px}}.hero1{background:linear-gradient(to bottom,#00000080,#00000080),url(https://img.freepik.com/premium-vector/computer-programing-coding-web-development-with-isometric-laptop-displaying-futuristic-ui_375605-384.jpg?w=1060) no-repeat center center/cover;height:100vh;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;text-align:center;font-family:Lucida Sans,Geneva,Verdana,sans-serif;padding:2rem;background-attachment:fixed}.hero-content{max-width:90%;margin:0 auto;text-align:center}.hero1 h1{font-size:2rem;margin-bottom:1rem;text-shadow:2px 2px 5px rgba(0,0,0,.8)}.hero1 p{font-size:1.2rem;margin-bottom:1.5rem;color:#fff}.btn-start{padding:.8rem 2rem;font-size:1rem;border:none;background-color:#f06;color:#fff;cursor:pointer;border-radius:5px;transition:background-color .3s ease,transform .2s ease}@media (max-width: 768px){.hero1{background-attachment:scroll;padding:1rem}.hero1 h1{font-size:1.8rem}.hero1 p{font-size:1rem}.btn-start{font-size:.9rem;padding:.6rem 1.5rem}}@media (max-width: 480px){.hero1 h1{font-size:1.5rem}.hero1 p{font-size:.9rem}.btn-start{font-size:.8rem;padding:.5rem 1rem}}.features{display:flex;justify-content:space-around;align-items:flex-start;flex-wrap:wrap;padding:20px;background-color:#f9f9f9;gap:20px}.feature{background:#fff;border-radius:10px;box-shadow:0 4px 6px #0000001a;padding:20px;width:30%;text-align:center;margin:10px;transition:transform .2s ease-in-out}.feature:hover{transform:translateY(-10px)}.feature h3{font-size:20px;margin-bottom:10px;color:#333}.feature p{font-size:14px;margin-bottom:20px;color:#666}.feature img{max-width:100%;height:auto;border-radius:8px}@media (max-width: 1024px){.feature{width:45%}}@media (max-width: 768px){.feature{width:100%}}.premium-section{display:flex;justify-content:space-between;align-items:center;padding:40px 20px;background-color:#f4f4f4;flex-wrap:wrap}.premium-content{max-width:50%;flex:1;margin-bottom:20px}.premium-content h2{font-size:32px;font-weight:700;color:#333;margin-bottom:10px}.premium-content p{font-size:18px;color:#555;margin-bottom:20px}.btn-discover{padding:10px 20px;font-size:16px;background-color:#f06;border-radius:5px;color:#fff;border:none;cursor:pointer;transition:background-color .3s ease,transform .2s ease}.btn-discover:hover{background-color:#e6005c;transform:scale(1.05)}.premium-image{max-width:45%;flex:1}.premium-image img{width:100%;border-radius:10px;box-shadow:0 4px 8px #0000001a}@media (max-width: 1024px){.premium-content,.premium-image{max-width:60%}}@media (max-width: 768px){.premium-section{flex-direction:column;align-items:center}.premium-content,.premium-image{max-width:100%;text-align:center}.premium-content h2{font-size:28px}.premium-content p{font-size:16px}.btn-discover{font-size:14px;padding:8px 16px}}.niche-templates{display:flex;justify-content:space-between;align-items:center;padding:40px 20px;background-color:#f7f7f7;flex-wrap:wrap}.niche-image img{width:100%;max-width:600px;border-radius:10px;box-shadow:0 4px 8px #0000001a}.niche-content{max-width:45%;padding:0 20px;text-align:left}.niche-content h2{font-size:32px;font-weight:700;color:#333;margin-bottom:10px}.niche-content p{font-size:18px;color:#555;margin-bottom:20px}.niche-buttons{display:flex;flex-wrap:wrap;gap:10px}.btn-start,.btn-explore{padding:10px 20px;font-size:16px;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.btn-start{color:#fff;background-color:#f06}.btn-start:hover{background-color:#e6005c;transform:scale(1.05)}.btn-explore{color:#333;background-color:#fff;border:1px solid #333}.btn-explore:hover{background-color:#f4f4f4}@media (max-width: 768px){.niche-templates{flex-direction:column;align-items:center}.niche-content{max-width:100%;text-align:center}.niche-content h2{font-size:28px}.niche-content p{font-size:16px}.niche-buttons{justify-content:center}.btn-start,.btn-explore{font-size:14px;padding:8px 16px}}.footer-container{margin-top:50px;display:flex;flex-wrap:wrap;padding:20px 0;gap:20px;justify-content:center;background-color:#f4f4f4}.footer-logo img{width:60px;height:auto}.footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:50px}.footer-links div{margin-bottom:20px;text-align:center}.footer-links p{margin:0}.footer-testimonial{max-width:400px;text-align:center}.footer-bottom{display:flex;flex-direction:column;text-align:center;gap:10px}@media (max-width: 768px){.footer-container{flex-direction:column;align-items:center}.footer-links{justify-content:center}.footer-testimonial p{margin:5px 0}}
