body{font-family:Graphik,sans-serif;margin:0;padding:0;background:linear-gradient(45deg,#0072ff,#00c6ff);height:100vh;display:flex;justify-content:center;align-items:center}.login-form-container{display:flex;justify-content:center;align-items:center;height:100%;width:100%;padding:20px}.login-form{background-color:#fff;padding:30px;border-radius:12px;box-shadow:0 4px 20px #0000001a;width:100%;max-width:400px;text-align:center}.login-form h2{font-size:24px;margin-bottom:20px;color:#333}.input-container{margin-bottom:20px}.input-container label{display:block;font-size:14px;color:#555;margin-bottom:5px}.input-container input{width:100%;padding:12px;font-size:16px;border:2px solid #ddd;border-radius:8px;box-sizing:border-box;transition:border-color .3s}.input-container input:focus{border-color:#0072ff;outline:none}.submit-btn{width:100%;padding:14px;font-size:16px;background-color:#0072ff;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:background-color .3s}.submit-btn:disabled{background-color:#ccc;cursor:not-allowed}.submit-btn:hover:enabled{background-color:#0056b3}.submit-btn:focus{outline:none}