body{margin:0;padding:0;min-height:100vh;background:linear-gradient(135deg,#000911,#000911,#000911);font-family:Poppins,sans-serif;display:flex;flex-direction:column}header{display:flex;justify-content:space-between;align-items:center;padding:20px 40px;background:#000911;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.logo_fatec-connect figure{margin:0}.logo_fatec-connect img{height:60px;width:auto}.btn-login__fatec-connect{display:flex;align-items:center;gap:10px;background:#fff3;border:2px solid rgba(255,255,255,.3);color:#fff;padding:12px 24px;border-radius:25px;font-family:Poppins,sans-serif;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease;text-decoration:none}.btn-login__fatec-connect:hover{background:#ffffff4d;border-color:#ffffff80;transform:translateY(-2px)}.login-container{display:flex;justify-content:center;align-items:center;flex:1;padding:40px 20px}.login-form{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:500px;color:#fff;border-radius:30px;background:#ffffff17;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:50px;gap:30px;box-shadow:0 8px 32px #0000001a}.login-form h1{color:#fff;text-align:center;font-family:Poppins;font-size:32px;font-style:normal;font-weight:600;line-height:normal;margin:0}.login-inputs{display:flex;flex-direction:column;width:100%;gap:25px}.input-group{display:flex;flex-direction:column;gap:8px}.input-group label{color:#fff;font-family:Poppins;font-size:16px;font-weight:500;margin-left:5px}.input-group input{width:100%;padding:15px 20px;border:2px solid rgba(255,255,255,.3);border-radius:15px;background:#ffffff1a;color:#fff;font-family:Poppins;font-size:16px;font-weight:400;transition:all .3s ease;box-sizing:border-box}.input-group input:focus{outline:none;border-color:#fffc;background:#ffffff26}.input-group input::placeholder{color:#ffffffb3;font-family:Poppins;font-size:16px;font-weight:400}.login-btn{width:100%;padding:15px;background:linear-gradient(135deg,#d01710,#8b0a07);border:none;border-radius:15px;color:#fff;font-family:Poppins;font-size:18px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:10px}.login-btn:hover{background:linear-gradient(135deg,#b91c1c,#7f1d1d);transform:translateY(-2px);box-shadow:0 5px 15px #0003}.error-message{background:#dc262633;border:1px solid rgba(220,38,38,.5);color:#fecaca;padding:15px;border-radius:10px;text-align:center;font-family:Poppins;font-size:14px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.success-message{background:#22c55e33;border:1px solid rgba(34,197,94,.5);color:#bbf7d0;padding:15px;border-radius:10px;text-align:center;font-family:Poppins;font-size:14px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:fadeInUp .5s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.remember-me{display:flex;align-items:center;gap:10px;color:#fff;font-family:Poppins;font-size:14px}.remember-me input[type=checkbox]{width:auto;margin:0}.forgot-password{text-align:center;margin-top:15px}.forgot-password a{color:#fffc;text-decoration:none;font-family:Poppins;font-size:14px;transition:color .3s ease}.forgot-password a:hover{color:#fff}@media (max-width: 1024px){.login-form{padding:24px;max-width:90vw}.login-form h1{font-size:24px}.input-group input{font-size:16px;padding:10px 12px}.login-btn{font-size:16px;padding:10px}}@media (max-width: 768px){.login-form{padding:8px;max-width:100vw}.login-form h1{font-size:18px}.input-group input,.login-btn{font-size:14px;padding:8px}}@media (max-width: 480px){.login-form{padding:4px}.login-form h1{font-size:14px}.input-group input{font-size:12px;padding:6px 4px}.login-btn{font-size:12px;padding:6px}}