@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500&display=swap');body{font-family:'Roboto',sans-serif;background:linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%);display:flex;justify-content:center;align-items:center;height:100vh;margin:0}.login-container{background-color:#ffffff;padding:40px;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,0.1);width:100%;max-width:400px;text-align:center;transition:transform 0.3s ease}.login-container:hover{transform:translateY(-5px)}.login-container h2{margin-top:0;margin-bottom:10px;color:#333;font-weight:500}.login-container p{margin-bottom:30px;color:#777;font-size:14px}.input-group{margin-bottom:20px;text-align:left}.input-group label{display:block;margin-bottom:8px;color:#555;font-size:14px;font-weight:500}.input-group input{width:100%;padding:12px 15px;border:1px solid #ccc;border-radius:8px;box-sizing:border-box;transition:border-color 0.3s,box-shadow 0.3s}.input-group input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px rgba(0,123,255,0.2)}button{width:100%;padding:12px;background-color:#007bff;color:white;border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:500;transition:background-color 0.3s,transform 0.2s}button:hover{background-color:#0056b3;transform:translateY(-2px)}button:disabled{background-color:#aaa;cursor:not-allowed}.message{margin-top:20px;font-size:14px;color:#d93025;height:20px}#transition-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#007bff;transform:translateY(100%);transition:transform 0.6s cubic-bezier(0.76,0,0.24,1);z-index:1000}#transition-overlay.is-active{transform:translateY(0%)}