@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap);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}.form{background-color:#f9f9f9;border:1px solid #ddd;border-radius:5px;box-shadow:0 0 10px #0000001a;margin:50px auto;max-width:300px;padding:20px}.loader-container{align-items:center}.form h2{color:#333;margin-bottom:20px;text-align:center}.form input[type=password],.form input[type=text]{border:1px solid #bcbcbc;border-radius:3px;margin-bottom:10px;padding:10px;width:calc(100% - 40px)}.top-head{margin-bottom:25px}.form button{background-color:#007bff;border:none;border-radius:3px;color:#fff;cursor:pointer;padding:10px;width:100%}.form button:hover{background-color:#0056b3}.form p{margin-top:10px;text-align:center}.form p a{color:#007bff;text-decoration:none}.form p a:hover{text-decoration:underline}.error{margin-top:10px}.loginbtn{margin-bottom:8px}.neww{margin-bottom:25px}.info{color:red;font-size:15px;margin-top:20px}.language-info{color:#ff6f61;font-size:14px;font-weight:700;line-height:25px;margin-top:10px}@media (max-width:768px){.form{zoom:.82}}body{background-color:#f4f4f9;padding:0}.loader-container{display:flex;justify-content:center;margin-bottom:-5px;margin-top:10px}.form{background-color:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;margin:10px auto auto;max-width:400px;padding:20px 30px;text-align:center;width:100%}h2{color:#333;margin-bottom:20px}.input{border:1px solid #ddd;border-radius:5px;margin-bottom:10px;padding:10px;width:calc(100% - 20px)}.label{color:#333;display:block;font-weight:700;margin:10px 0 5px 5px;text-align:left}.select{border:1px solid #ddd;border-radius:5px;padding:10px;width:calc(100% - 20px)}.error,.select{margin-bottom:10px}.error{color:red}.button{background-color:#4caf50;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:10px;width:100%}.button:hover{background-color:#45a049}.login-link{margin-bottom:-10px;margin-top:15px}.login-link a{color:#4caf50;text-decoration:none}.login-link a:hover{text-decoration:underline}.logo{margin-bottom:20px;width:150px}.password-requirements{background-color:#ebf8ff;border:1px solid #bee3f8;border-radius:12px;box-shadow:0 2px 4px #0000001a;line-height:20px;margin-bottom:20px;margin-top:10px;padding:16px}.requirements-title{color:#3182ce;font-size:16px;font-weight:600;margin-bottom:8px;text-align:left}.requirements-list{list-style-type:none;padding:0}.requirement{align-items:center;color:#4a5568;display:flex;font-size:14px;margin-bottom:4px}.requirement-icon{color:#a0aec0;margin-right:8px}.requirement.met .requirement-icon{color:#42af14}.requirement.met{color:green}.password-input{position:relative}.email{border:1px solid #bdbdbd;border-radius:4px}.email,.password-field{margin-bottom:10px;padding:10px;width:calc(100% - 40px)}.password-field{border:1px solid #ddd;border-radius:5px}.toggle-password-icon{cursor:pointer;font-size:18px;position:absolute;right:20px;top:50%;transform:translateY(-72%)}.toggle-password-icon:hover{color:#333}@media (max-width:768px){.form{zoom:.82;margin-top:40px}}body{background-color:#f4f4f4;font-family:Arial,sans-serif;margin:0;transition:background-color .3s,color .3s}.dark-mode{background-color:#121212;color:#fff}.onee{width:132px}.navbar{align-items:center;background-color:#0056b3;color:#fff;display:flex;justify-content:space-between;padding:10px 20px;transition:background-color .3s}.dark-mode .navbar{background-color:#1f1f1f}.navbar-left{font-size:24px;font-weight:700;letter-spacing:1px}.navbar-right{align-items:center;display:flex;gap:40px}.menu-icon{cursor:pointer;display:block;font-size:25px}.fa-xmark,.menu-icon{display:none}.menu-options{align-items:center;display:flex;gap:50px}.menu-options.open{opacity:1;pointer-events:auto;transform:translateY(0)}.hell{display:flex}.nav-option,.nav-select{cursor:pointer}.nav-select{background-color:#0056b3;border:1px solid #fff;border-radius:5px;color:#fff;font-size:16px;padding:5px}.dark-mode .nav-select{background-color:#1f1f1f;color:#fff}.nav-select option{background-color:#fff;color:#000}.content{padding:20px}.articles{display:flex;flex-wrap:wrap;gap:20px}.article{background-color:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 5px #0000001a;margin-bottom:20px;overflow:hidden;transition:transform .3s;width:calc(33.333% - 20px)}.dark-mode .article{background-color:#333;border-color:#555}.article:hover{transform:scale(1.03)}.article-image{height:200px;object-fit:cover;width:100%}.article h3{color:#333;font-size:20px;margin:15px 10px}.dark-mode .article h3{color:#fff}.article p{color:#666;font-size:14px;margin:0 10px 10px}.dark-mode .article p{color:#ccc}.article a{color:#0056b3;display:block;font-weight:700;margin:10px;text-decoration:none}.dark-mode .article a{color:#80b3ff}.article a:hover{text-decoration:underline}.loading{align-items:center;display:flex;height:70vh;justify-content:center}.dark-mode .welcome-message{background-color:#2e2e2e;border:2px solid #a8a8a8;border-radius:10px;box-shadow:0 4px 8px #0000001a;color:#fff;font-size:1.5rem;font-weight:700;margin-top:20px;padding:13px;text-align:center;transition:transform .2s}.dark-mode .welcome-message:hover{cursor:pointer;transform:scale(1.01)}.welcome-message{background-color:#f9f9f9;border:2px solid #0056b3;border-radius:10px;box-shadow:0 4px 8px #0000001a;color:#0056b3;font-family:Poppins,sans-serif;font-size:1.6rem;font-weight:700;letter-spacing:2px;margin-bottom:30px;margin-top:20px;padding:10px;text-align:center;transition:transform .2s}.welcome-message:hover{cursor:pointer;transform:scale(1.01)}.loading-image{animation:spin 1.5s linear infinite;height:70px;width:70px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.switch{display:inline-block;height:20px;position:relative;width:34px}.switch input{height:0;opacity:0;width:0}.slider{background-color:#a3a3a3;border-radius:34px;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:14px;left:3px;width:14px}input:checked+.slider{background-color:#0056b3}input:checked+.slider:before{transform:translateX(14px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.dark-mode h2{color:#fff}.nav-option.logout{background-color:#ff263b;border-radius:5px;color:#fff;padding:8px 16px;transition:background-color .3s,transform .3s}.nav-option.logout:hover{background-color:#ff3149;transform:scale(1.05)}@media (max-width:768px){.navbar{padding:22px}.navbar-right{align-items:center;align-items:flex-end;display:flex;flex-direction:column;gap:10px}.menu-icon{cursor:pointer;display:block;font-size:25px}.nav-select{width:100%}.articles{flex-direction:column}.article{width:100%}.article h3{font-size:18px}.article p{font-size:12px}.menu-options{background-color:#0059b9dd;border-radius:25px;box-shadow:0 0 10px #0000001a;display:flex;flex-direction:column;gap:30px;opacity:0;padding:20px;position:fixed;right:20px;top:90px;transform:translateX(100%);transition:transform .5s ease,opacity .5s ease}.dark-mode .menu-options{background-color:#2b2a2aec}.menu-options.open{opacity:1;transform:translateX(0)}.fa-moon,.fa-sun{color:#fff}.fa-xmark{background-color:#fff;border:1px solid #000;border-radius:45%;color:#000;display:block;font-size:20px;padding:10px}.welcome-message,.welcome-message .dark-mode{font-size:1.3rem}.onee{width:132px}}
/*# sourceMappingURL=main.8f55a61b.css.map*/