.Main{background-color:#100437;height:100%;width:100%}body{font-family:Arial,sans-serif;margin:0}svg{fill:#fff}.navbar{align-items:center;background-color:#18122b;display:flex;justify-content:space-between;padding:10px 20px;position:relative}.navbar .logo h3{color:#fff;margin:0}.navbar .logo,.navbar .menu{align-items:center;display:flex;justify-content:space-evenly}.navbar .menu{flex-grow:1}.navbar .menu a{color:#fff;padding:14px 20px;text-decoration:none}.navbar .menu a:hover{background-color:#635985;color:#000}.navbar .auth-links{align-items:center;display:flex;justify-content:space-evenly}.navbar .cta-button a{background-color:#22105d;border-radius:5px;color:#fff;padding:10px 5px;text-decoration:none}.navbar .cta-button a:hover{background-color:#423471}.navbar .hamburger{cursor:pointer;display:none;font-size:30px}@media (max-width:768px){.navbar{flex-direction:column;padding:10px 15px}.navbar .logo{margin-bottom:10px}.navbar .menu{align-items:center;display:none;flex-direction:column;width:100%}.navbar .menu.active{display:flex}.navbar .menu a{padding:12px 20px;text-align:center;width:100%}.navbar .auth-links{align-items:center;flex-direction:column;margin-top:10px}.navbar .cta-button{display:block;margin-top:20px}.navbar .hamburger{display:block;position:absolute;right:20px;top:15px}}.card-container{display:flex;gap:20px;justify-content:space-around;margin:40px}.card{background-color:#100437;border-radius:8px;box-shadow:0 4px 6px #0000001a;padding:20px;text-align:center;transition:transform .3s ease,box-shadow .3s ease;width:30%}.card h3{color:#fff;font-size:1.5rem;margin-bottom:10px}.card p{color:#919191;font-size:1rem}.card:hover{box-shadow:0 8px 12px #0003;transform:translateY(-10px)}@media (max-width:768px){.card-container{align-items:center;flex-direction:column}.card{margin-bottom:20px;width:80%}}.hero-section{align-items:center;background-image:url(/static/media/freepik-export-20241124231008JMai.0b4bfa1230f362014613.png);background-position:50%;background-size:cover;display:flex;height:100vh;justify-content:center;overflow:hidden;padding:0 20px;position:relative;text-align:center}.hero-content{max-width:800px;opacity:0;padding:20px;transform:translateY(50px);transition:opacity 1s ease,transform 1s ease}.hero-content.visible{opacity:1;transform:translateY(0)}.hero-section h1{color:#100437;font-size:3rem;font-weight:700;margin-bottom:20px}.hero-section p{color:#100437;font-size:1.25rem;margin-bottom:30px}.cta-button{background-color:#007bff;border-radius:5px;color:#fff;cursor:pointer;font-size:1.2rem;padding:15px 30px;text-decoration:none;transition:background-color .3s ease}.cta-button:hover{background-color:#0056b3}.form-container{background-color:#00000080;border-radius:8px;color:#fff;margin:20px auto;padding:20px;text-align:left;width:300px}form{display:flex;flex-direction:column}form label{margin-bottom:10px}form input{border:none;border-radius:4px;margin-bottom:15px;padding:10px}.form-button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;padding:12px;transition:background-color .3s ease}.form-button:hover{background-color:#0056b3}@media (max-width:768px){.hero-section{height:auto;padding:40px 20px}.hero-section h1{font-size:2.5rem}.cta-button,.hero-section p{font-size:1rem}.cta-button{padding:12px 25px}.form-container{width:80%}}.auth-container{align-items:center;background:#f4f4f4;display:flex;height:100vh;justify-content:center}.auth-forms{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;padding:20px;width:400px}h1{font-size:2rem;margin-bottom:20px;text-align:center}.auth-form{display:flex;flex-direction:column}.auth-form label{margin:5px 0}.auth-form input{border:1px solid #ccc;border-radius:5px;margin-bottom:15px;padding:10px}.auth-form button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1.1rem;padding:12px;transition:background-color .3s ease}.auth-form button:hover{background-color:#0056b3}.toggle-text{color:#007bff;cursor:pointer;font-size:1rem;margin-top:10px;text-align:center}.toggle-text:hover{text-decoration:underline}@media (max-width:480px){.auth-forms{padding:15px;width:90%}.auth-form button{font-size:1rem}}.auth-form button:focus,.auth-form input:focus{outline:2px solid #007bff;outline-offset:2px}.error-message{color:red;font-size:1rem;margin-bottom:10px}body,html{background:linear-gradient(to bottom right,#4f788e,#6f6497);height:100%;margin:0;overflow-x:hidden;padding:0;width:100%}.containerpage{box-sizing:border-box;min-height:100vh;overflow-y:auto}.Form,.containerpage{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:2rem;width:100%}.Form{background:linear-gradient(90deg,#2b5870,#4e4374);border-radius:10px;box-shadow:0 4px 10px #0003;gap:1.5rem;margin:2rem auto;max-width:400px}.Form h2{color:#fff;font-size:1.8rem;margin-bottom:1rem;text-align:center}input{background:linear-gradient(90deg,#5f7d8b,#7b6c8e);border:1px solid #ccc;border-radius:5px;color:#000;font-size:16px;padding:10px;width:100%}input:focus{background:linear-gradient(90deg,#7b6c8e,#5f7d8b);border-color:#00796b}input::placeholder{color:#b1b7ba;font-style:italic}button{background-color:#7db1b2;border:none;border-radius:10px;color:#fff;cursor:pointer;padding:12px 20px;transition:background-color .3s ease,transform .3s ease}button:hover{background:linear-gradient(90deg,#5f7d8b,#7b6c8e);transform:scale(1.05)}.form-buttons{display:flex;gap:1rem;width:100%}.clear-button{background-color:#7db1b2}.clear-button:hover{background-color:#e53939}.error-message{color:#ff4d4d;font-size:.9rem;margin-top:-10px;text-align:center}.DisplayPass{animation:fadeIn 1s ease-in forwards;gap:1rem;margin-left:auto;margin-right:auto;margin-top:2rem;max-width:600px;opacity:0;width:80%}.DisplayPass,.Pass{align-items:center;display:flex;flex-direction:column;justify-content:center}.Pass{background:#6a5f91;border-radius:5px;box-shadow:0 4px 8px #0003;color:#fff;cursor:pointer;height:50px;margin:10px 0;padding:15px;text-align:center;transition:transform .3s ease,background-color .3s ease;width:100%}.Pass:hover{background-color:#8c7ba7;transform:scale(1.05)}.Pass h3{word-wrap:break-word;flex-grow:1;font-size:1.2rem;font-weight:700;margin:0;text-align:left}.Pass button{background-color:#00796b;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:8px 15px;transition:background-color .3s ease}.Pass button:hover{background-color:#004d40}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:768px){.DisplayPass{width:95%}.Pass{flex-direction:column;gap:10px;padding:12px}.Pass h3{text-align:center}.Form,.Pass button{width:100%}.Form{max-width:100%;padding:1rem}input{padding:8px}button,input{font-size:14px}button{padding:10px 15px}}@media (max-width:480px){.Form,.containerpage{padding:1rem}.Form{max-width:100%}.DisplayPass{width:90%}input{padding:8px}button,input{font-size:14px}button{padding:8px 16px}}
/*# sourceMappingURL=main.280d1d51.css.map*/