@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap");* {box-sizing:border-box;margin:0;padding:0;}body {font-family:"Poppins", sans-serif;background:linear-gradient(rgba(165, 255, 246, 0.8),rgba(255, 255, 255, 0.8)),url("../img/gedung-TLM-poltekes.jpeg") center/cover no-repeat;height:100vh;display:flex;justify-content:center;align-items:center;}.login-container {background:#ffffff;width:100%;max-width:420px;padding:45px 35px;border-radius:16px;box-shadow:0 15px 35px rgba(0, 166, 166, 0.08); border-top:6px solid #00a6a6;}.login-container h2 {text-align:center;color:#2d3748;font-size:17px;font-weight:700;margin-bottom:5px;}.login-container h3 {text-align:center;color:#718096;font-size:15px;font-weight:500;margin-bottom:30px;line-height:1.4;}.login-container h3::after {content:"";display:block;width:50px;height:4px;background:linear-gradient(90deg, #61b5d6 0%, #80d099 100%);margin:15px auto 0;border-radius:2px;}.error {background-color:#fff5f5;color:#e53e3e;padding:12px 15px;border-radius:8px;font-size:14px;text-align:center;margin-bottom:25px;border:1px solid #feb2b2;font-weight:500;}.form-group {margin-bottom:20px;}.form-group label {display:block;margin-bottom:8px;color:#4a5568;font-size:12px;font-weight:600;}.form-group input {width:100%;padding:14px 16px;border:1.5px solid #e2e8f0;border-radius:8px;font-size:15px;color:#2d3748;transition:all 0.3s ease;outline:none;font-family:"Poppins", sans-serif;}.form-group input:focus {border-color:#61b5d6;box-shadow:0 0 0 3px rgba(97, 181, 214, 0.2);}button[type="submit"] {width:100%;padding:14px;background:linear-gradient(135deg, #00a6a6 0%, #61b5d6 100%);color:white;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:transform 0.2s,box-shadow 0.2s;margin-top:10px;font-family:"Poppins", sans-serif;}button[type="submit"]:hover {box-shadow:0 6px 15px rgba(0, 166, 166, 0.3);transform:translateY(-2px);}button[type="submit"]:active {transform:translateY(0);}.password-wrapper {position:relative;display:flex;align-items:center;}.password-wrapper input {width:100%;padding-right:45px;}.toggle-password {position:absolute;right:15px;background:none;border:none;color:#a0aec0;cursor:pointer;padding:0;font-size:16px;transition:color 0.3s;}.toggle-password:hover {color:#00a6a6; }.btn-back {display:block;text-align:center;margin-top:20px;color:#718096;text-decoration:none;font-size:14px;font-weight:500;transition:color 0.3s;}.btn-back i {margin-right:5px;}.btn-back:hover {color:#00a6a6;}